New shapre design for inactive revealables

This commit is contained in:
Dennis Schoepf 2021-08-03 19:42:53 +02:00
parent 92c349a135
commit daf40350fa
2 changed files with 19 additions and 2 deletions

View file

@ -125,10 +125,27 @@ export class Revealable {
mp5.fill(mp5.color(colors.red));
mp5.ellipse(this.area.x, this.area.y, this.currentSize);
} else if (this.state === RevealableStates.INACTIVE) {
this.minSize = 35;
this.reduceSize();
mp5.fill(mp5.color(colors.greyDark));
mp5.fill(mp5.color(colors.redDark));
mp5.ellipse(this.area.x, this.area.y, this.currentSize);
mp5.strokeWeight(4);
mp5.stroke(mp5.color(colors.greyLighter));
mp5.line(
this.area.x + this.currentSize / 5,
this.area.y - this.currentSize / 5,
this.area.x - this.currentSize / 5,
this.area.y + this.currentSize / 5
);
mp5.line(
this.area.x - this.currentSize / 5,
this.area.y - this.currentSize / 5,
this.area.x + this.currentSize / 5,
this.area.y + this.currentSize / 5
);
}
}

View file

@ -31,7 +31,7 @@ const store = create<State>(
devtools((set) => ({
uid: null,
showScore: false,
currentIntroStep: 1,
currentIntroStep: 0,
revealablesFinished: 0,
currentScene: Scenes.OVERVIEW,
currentSubproject: null,