From daf40350fab2476403e8c506f095eab621e83344 Mon Sep 17 00:00:00 2001 From: Dennis Schoepf Date: Tue, 3 Aug 2021 19:42:53 +0200 Subject: [PATCH] New shapre design for inactive revealables --- src/sketchObjects/Revealable.ts | 19 ++++++++++++++++++- src/store.ts | 2 +- 2 files changed, 19 insertions(+), 2 deletions(-) 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,