update plan and cleanup levels

PLAN.md

@@ -1,16 +1,24 @@
 Let's improve the gameplay!
 
-- [ ] make buttons easier to hit, use the space better!
+- [x] make buttons easier to hit, use the space better!
 
-- [ ] add STOP button, display controls smartly
+- [x] add a basic way to show progress: level 1 of X
 
-- [ ] choose a color palette and apply it consistently
+- [x] choose a color palette and apply it consistently
 
-- [ ] improve the displaying of the level help, so that it doesn't cause the drum grid to move
+- [x] review all levels, only keep the ones that are actually interesting
 
-- [ ] improve transition from one level to the other: make it mean something!
+- [ ] make a level editor
+
+- [ ] allow some levels to build upon the previous one by just adding a new track
+
+- [ ] add a STOP button, show/hide play & stop buttons according to the playing status
+
+- [ ] add a score system, remove points if user attempts to brute-force
 
-- [ ] add a score system: to give an idea of progress! Maybe display Level 1 of X?
+- [ ] add more complex hi-hat support, supporting three states: strong, weak and open
+
+- [ ] improve transition from one level to the other: make it mean something!
 
 - [ ] let the user to choose drum kit
 
@@ -20,14 +28,10 @@ Let's improve the gameplay!
 
 - [ ] improve the level representation: add time signature information, allow groups
 
-- [ ] make a level editor
-
-- [ ] review all levels, only keep the ones that are GREAT!
-
 - [ ] design better levels for a smoother and engaging learning curve:
       make it be like a conversation/dialogue with the user
 
 - [ ] is there something i can do to make it easy to "flip" when playing on a smartphone,
-        so that we can privilege long grid sequences?
+      so that we can privilege long grid sequences?
 
 - [ ] add option for listening to entered rhythm, to compare

game.js

@@ -9,7 +9,7 @@ class Game {
       { name: "Snare", file: "snare.wav" },
       { name: "Kick", file: "kick.wav" },
       { name: "Open Hi-Hat", file: "hihat_open.wav" },
-      { name: "Closed Hi-Hat", file: "hihat_closed.wav" },
+      { name: "Hi-Hat", file: "hihat_closed.wav" },
       { name: "Crash", file: "crash.wav" },
       { name: "Cowbell", file: "cowbell.wav" },
       { name: "Stick", file: "stick.wav" },

levels.json

@@ -1,39 +1,9 @@
 [
-  {
-    "name": "Waltz",
-    "description": "Listen to the rhythm closely and fill the drum pattern in the boxes",
-    "demo": true,
-    "bpm": 180,
-    "pattern": [
-      {
-        "name": "Snare",
-        "steps": [0, 1, 1, 0, 1, 1]
-      },
-      {
-        "name": "Kick",
-        "steps": [1, 0, 0, 1, 0, 0]
-      }
-    ]
-  },
   {
     "name": "Rock",
     "bpm": 180,
-    "description": "Classic rock beat",
-    "pattern": [
-      {
-        "name": "Snare",
-        "steps": [0, 0, 1, 0, 0, 0, 1, 0]
-      },
-      {
-        "name": "Kick",
-        "steps": [1, 0, 0, 0, 1, 0, 0, 0]
-      }
-    ]
-  },
-  {
-    "name": "Rock variation",
-    "bpm": 180,
-    "description": "A lil' variation of that classic beat",
+    "groupSize": 4,
+    "description": "Here is a classic rock beat",
     "pattern": [
       {
         "name": "Snare",
@@ -48,7 +18,8 @@
   {
     "name": "Changing the accent",
     "bpm": 200,
-    "description": "Let's go for a different accent this time ;)",
+    "groupSize": 4,
+    "description": "Let's go for a different accent this time",
     "pattern": [
       {
         "name": "Snare",
@@ -63,7 +34,8 @@
   {
     "name": "Speeding up a bit",
     "bpm": 320,
-    "description": "But no rush!",
+    "groupSize": 4,
+    "description": "The playing is fast, but you can take your time",
     "pattern": [
       {
         "name": "Snare",
@@ -78,7 +50,7 @@
   {
     "name": "Hear that kick?",
     "bpm": 360,
-    "description": "Your turn to kick it!",
+    "groupSize": 4,
     "pattern": [
       {
         "name": "Snare",
@@ -90,25 +62,10 @@
       }
     ]
   },
-  {
-    "name": "Whiplash",
-    "bpm": 400,
-    "description": "Not quite my tempo...",
-    "pattern": [
-      {
-        "name": "Snare",
-        "steps": [0, 0, 1, 1, 0, 0, 1, 0]
-      },
-      {
-        "name": "Kick",
-        "steps": [1, 1, 0, 0, 1, 1, 0, 1]
-      }
-    ]
-  },
   {
     "name": "Use that crash!",
     "bpm": 300,
-    "description": "You have some good moves!",
+    "groupSize": 4,
     "pattern": [
       {
         "name": "Crash",
@@ -125,9 +82,9 @@
     ]
   },
   {
-    "name": "Let's try a fill-in",
+    "name": "Let's try some snare fills",
     "bpm": 340,
-    "description": "Oh yeah, the public loves it!",
+    "groupSize": 4,
     "pattern": [
       {
         "name": "Crash",
@@ -146,6 +103,7 @@
   {
     "name": "Fly to Rio",
     "bpm": 360,
+    "groupSize": 4,
     "description": "... and do a little samba!",
     "pattern": [
       {
@@ -159,9 +117,9 @@
     ]
   },
   {
-    "name": "Let's add a cowbell",
+    "name": "Let's add a cowbell and a hi-hat to that samba!",
     "bpm": 360,
-    "description": "Wooo, this is getting funky!",
+    "groupSize": 4,
     "pattern": [
       {
         "name": "Cowbell",
@@ -178,12 +136,13 @@
     ]
   },
   {
-    "name": "And finally, a hit-hat!",
+    "name": "And a hit-hat!",
     "bpm": 360,
+    "groupSize": 4,
     "description": "Tip: do one at the time =)",
     "pattern": [
       {
-        "name": "Closed Hi-Hat",
+        "name": "ZHi-Hat",
         "steps": [1, 1, 0, 1, 1, 1, 0, 0]
       },
       {
@@ -199,5 +158,22 @@
         "steps": [1, 0, 0, 1, 1, 0, 0, 1]
       }
     ]
+  },
+  ,
+  {
+    "name": "Whiplash",
+    "bpm": 400,
+    "groupSize": 4,
+    "description": "Not quite my tempo...",
+    "pattern": [
+      {
+        "name": "Snare",
+        "steps": [0, 0, 1, 1, 0, 0, 1, 0]
+      },
+      {
+        "name": "Kick",
+        "steps": [1, 1, 0, 0, 1, 1, 0, 1]
+      }
+    ]
   }
 ]