ready for prod

src/components/GameCanvas.tsx

@@ -11,7 +11,7 @@ export interface GameCanvasProps {
 export const GameCanvas = ({ width, height }: GameCanvasProps) => {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const [game, setGame] = useState<TheAbstractionEngine>();
-  const [ready, setReady] = useState(true); // false);
+  const [ready, setReady] = useState(false);
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {

src/engine/TheAbstractionEngine.ts

@@ -33,7 +33,7 @@ export class TheAbstractionEngine {
     const facingDirectionSystem = new FacingDirection(inputSystem);
 
     [
-      new Level(LevelNames.Tutorial),
+      new Level(LevelNames.LevelSelection),
       inputSystem,
       facingDirectionSystem,
       new Grid(
@@ -46,7 +46,7 @@ export class TheAbstractionEngine {
       new GridSpawner(),
       new Collision(),
       new Life(),
-      //      new Music(),
+      new Music(),
       new Render(this.ctx),
     ].forEach((system) => this.game.addSystem(system));
   }

src/engine/levels/Tutorial.ts

@@ -39,11 +39,11 @@ export class Tutorial extends Level {
     const entities = [
       ...grasses,
       new Sign(
-        "this is a Lambda Factory<br><br>modify the produced term by interacting from the top or bottom ↕️<br><br>then produce the term by pressing the button on the left or right ↔️<br><br>",
+        "<div>this is a Lambda Factory<br><br>modify the produced term by interacting from the top or bottom ↕️<br><br>then produce the term by pressing the button on the left or right ↔️<br><br></div>",
         { x: 4, y: 3 },
       ),
       new Sign(
-        "this is a Term Application; interact to view its code<br><br>push the term ➡️ created by the factory any direction into the Application to produce a new one 💭<br><br>. _INPUT is the term replaced by the pushed term<br><br>. in this case _KEY is applied to the function to make a new KEY! 🔑",
+        "this is a Term Application; interact to view its code<br><br>push the term ➡️ created by the factory any direction into the Application to produce a new one 💭<br><br>note that:<br><br>+ _INPUT is the term replaced by the pushed term<br><br>+ in this case _KEY is applied to the function to make a new KEY! 🔑",
         { x: 4, y: 6 },
       ),
       new Wall({ x: 10, y: 9 }),