New shapre design for inactive revealables
This commit is contained in:
parent
92c349a135
commit
daf40350fa
2 changed files with 19 additions and 2 deletions
|
|
@ -125,10 +125,27 @@ export class Revealable {
|
||||||
mp5.fill(mp5.color(colors.red));
|
mp5.fill(mp5.color(colors.red));
|
||||||
mp5.ellipse(this.area.x, this.area.y, this.currentSize);
|
mp5.ellipse(this.area.x, this.area.y, this.currentSize);
|
||||||
} else if (this.state === RevealableStates.INACTIVE) {
|
} else if (this.state === RevealableStates.INACTIVE) {
|
||||||
|
this.minSize = 35;
|
||||||
this.reduceSize();
|
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.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
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@ const store = create<State>(
|
||||||
devtools((set) => ({
|
devtools((set) => ({
|
||||||
uid: null,
|
uid: null,
|
||||||
showScore: false,
|
showScore: false,
|
||||||
currentIntroStep: 1,
|
currentIntroStep: 0,
|
||||||
revealablesFinished: 0,
|
revealablesFinished: 0,
|
||||||
currentScene: Scenes.OVERVIEW,
|
currentScene: Scenes.OVERVIEW,
|
||||||
currentSubproject: null,
|
currentSubproject: null,
|
||||||
|
|
|
||||||
Reference in a new issue