Update configs, add maze collisions

app.yaml

@@ -1,7 +1,7 @@
 runtime: nodejs20
 handlers:
 # Catch all handler to index.html
-- url: /play
+- url: /.*
   static_files: www/*
   upload: www/*
 

package.json

@@ -1,9 +1,10 @@
 {
 	"name": "qGhast",
 	"scripts": {
-		"build": "esbuild --bundle src/main.js --outfile=www/main.js --minify",
+		"build": "esbuild --bundle www/main.js --outfile=www/main.js --minify --allow-overwrite --servedir=www",
 		"dev": "esbuild --bundle src/main.js --outfile=www/main.js --servedir=www",
-		"bundle": "npm run build && mkdir -p dist && zip -r dist/game.zip www -x \"**/.DS_Store\""
+		"bundle": "npm run build && mkdir -p dist && zip -r dist/game.zip www -x \"**/.DS_Store\"",
+		"start": "npm run build"
 	},
 	"dependencies": {
 		"kaboom": "^3000.1.17",

src/main.js

@@ -25,12 +25,15 @@ const STABILIZER_INSERTION_RATE = 0.05;
 const WAIT_TIME = 2;
 const BLOCK_DIMENSION = 32 * 1.75;
 const SPRITE_SCALE = 0.25;
+const PC_SCALE = 0.15;
+const DMG_THRESHOLD = 5;
 
 const player = add([
   sprite("pc"),
-  scale(SPRITE_SCALE),
-  pos(width()  / 4 + BLOCK_DIMENSION - 8, BLOCK_DIMENSION - 8),
+  scale(PC_SCALE),
+  pos(width()  / 4 + BLOCK_DIMENSION +4, BLOCK_DIMENSION + 8), // place the player in top-right of the maze
   area(),
+	body(), // collide with blocks
 ]);
 
 player.xDamage = 0;
@@ -39,9 +42,13 @@ player.zDamage = 0;
 let ticks = 0;
 
 loop(1, () => {
-  if (!player.exists() || player.xDamage >= 3 || player.zDamage >= 3) {
+  if (!player.exists() || player.xDamage >= DMG_THRESHOLD || player.zDamage >= DMG_THRESHOLD) {
     go("gameover", { score: 20 - player.xDamage + player.zDamage });
   }
+  // update opacity and color of the player based on damage
+  player.color = rgb(255, 255 - player.zDamage * 50, 255 - player.zDamage * 50);
+  player.opacity = 1 - (player.xDamage + player.xDamage) * 0.1;
+  // Decide whether to spawn an error
   const poll = ticks++ > WAIT_TIME ? round(random() * (1 / ERROR_RATE)) : 0;
   if (poll === 2) {
     const zError = add([
@@ -153,10 +160,6 @@ player.onCollide("z-stabilizer", (stabilizer) => {
   destroy(stabilizer);
 });
 
-player.onCollide("block", () => {
-  // player.move(-SPEED, 0);
-});
-
 player.onCollide("measure", (measure) => {
   go("You win!");
 });
@@ -294,6 +297,7 @@ const mazeTileSettings = {
     rect(BLOCK_DIMENSION, BLOCK_DIMENSION),
     color(BLACK),
     // solid(),
+    body({ isStatic: true }),
     area(),
     "block",
   ],