Start only on enter, update seed and add paddings (#14)

* chore: start game on enter press

* increase seed, add padding, fix gameId generation

Author: aashutoshrathi

client/game/attractMode.ts

@@ -34,7 +34,7 @@ export class AttractMode extends EventSource implements IGameState {
   update(step: number) {
     this.currentMode.update(step);
 
-    if (Key.isAnyPressed()) {
+    if (Key.isEnterPressed()) {
       if (!this.isStarting) {
         this.isStarting = true;
         startGame()

client/game/comets.ts

@@ -64,7 +64,7 @@ export class Comets {
     };
 
     this.attractMode.on("done", () => {
-      console.log("Done with Attract Mode");
+      console.log("Start Game");
       setGameMode();
     });
   }

client/game/draw.ts

@@ -347,7 +347,7 @@ export class Draw {
   }
 
   pushStart() {
-    this.screen.draw.text3("push start", this.screen.font.xlarge, (width) => {
+    this.screen.draw.text3("Press Enter", this.screen.font.xlarge, (width) => {
       return {
         x: this.screen.width2 - width / 2,
         y: this.screen.height / 8,

client/game/keys.ts

@@ -108,8 +108,8 @@ export class _Key {
     return this.keys[key];
   }
 
-  isAnyPressed() {
-    return !!Object.values(this.keys).filter((pressed) => pressed).length;
+  isEnterPressed() {
+    return this.keys[13];
   }
 
   isRotateLeft() {

client/game/util.ts

@@ -1,5 +1,5 @@
 // We use a fixed seed for deterministic behavior
-const SEED = 0.69;
+const SEED = 0.8;
 
 export function random(start: number, end: number): number {
      return Math.floor(SEED * (end - start + 1)) + start;

client/style.css

@@ -8,7 +8,10 @@ body {
   width: 100vw;
   height: 100vh;
   margin: 0;
-  background-color: #000000;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #525252;
 }
 
 canvas {

rollup/stackr/transitions.ts

@@ -17,7 +17,7 @@ export type ValidateGameInput = {
 const startGame: STF<AppState, ValidateGameInput> = {
   handler: ({ state, msgSender, block, emit }) => {
     const gameId = hashMessage(
-      `${msgSender}::${block.timestamp}::${state.games}`
+      `${msgSender}::${block.timestamp}::${state.games.length}`
     );
 
     state.games[gameId] = {