dennis/codewanderer
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement revealable animation on hover

Browse source
This commit is contained in:
Dennis Schoepf 2021-08-01 17:38:38 +02:00
parent 8ad126c8d8
commit f98c3e58dc
5 changed files with 107 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/scenes/DetailScene.ts
View file

@ -1,3 +1,4 @@
import _ from 'lodash';
import { mp5 } from '../../main';
import { colors } from '../constants/colors';
import { generateRevealableCoords } from '../helpers';
@ -15,17 +16,21 @@ export class DetailScene {
constructor() {
this.player = new Player();
store.subscribe((state) => {
this.revealables = state.revealables;
this.revealableCoords = generateRevealableCoords();
this.revealableObjects = this.revealables.map(
(revealable, i) =>
new Revealable(revealable, {
x: this.revealableCoords[i].x,
y: this.revealableCoords[i].y,
w: this.revealables[i].size,
})
);
store.subscribe((state, prevState) => {
if (!_.isEqual(state.revealables, prevState.revealables)) {
this.revealables = state.revealables;
this.revealableCoords = generateRevealableCoords();
this.revealableObjects = this.revealables.map(
(revealable, i) =>
new Revealable(revealable, {
x: this.revealableCoords[i].x,
y: this.revealableCoords[i].y,
w: this.revealables[i].size,
})
);
}
// TODO: Check if everything was found, if so, get back to overview screen
});
}