diff --git a/src/sketchObjects/Revealable.ts b/src/sketchObjects/Revealable.ts index f937ce1..121903b 100644 --- a/src/sketchObjects/Revealable.ts +++ b/src/sketchObjects/Revealable.ts @@ -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 + ); } } diff --git a/src/store.ts b/src/store.ts index adfafdf..3e80702 100644 --- a/src/store.ts +++ b/src/store.ts @@ -31,7 +31,7 @@ const store = create( devtools((set) => ({ uid: null, showScore: false, - currentIntroStep: 1, + currentIntroStep: 0, revealablesFinished: 0, currentScene: Scenes.OVERVIEW, currentSubproject: null,