Improvements

app.py

@@ -646,10 +646,7 @@ A big challenge in game development, as in other creative professions, is the "b
         bot,
         [chatbot, provider_state],
         [chatbot, action_data],
-    )
-
-    # When action_data changes, send postMessage to iframe
-    action_data.change(
+    ).then(
         fn=lambda x: x,
         inputs=[action_data],
         outputs=[action_data],

backend/game_models.py

@@ -224,7 +224,7 @@ def create_scene(
     lights: Optional[List[Dict[str, Any]]] = None,
     environment: Optional[Dict[str, Any]] = None,
     player: Optional[Dict[str, Any]] = None,
-    show_grid: bool = True,
+    show_grid: bool = False,
     grid_size: float = 100.0,
     grid_divisions: int = 20,
     tags: Optional[List[str]] = None

backend/tools/scene_tools.py

@@ -434,8 +434,8 @@ def add_brick(
     if not name:
         name = f"{brick_type.replace('_', ' ').title()}"
 
-    # Model path relative to static files
-    model_path = f"/static/models/kenney/brick_kit/{BRICK_TYPES[brick_type]}"
+    # Model path relative to models folder (static_base_url will be prepended by frontend)
+    model_path = f"kenney/brick_kit/{BRICK_TYPES[brick_type]}"
 
     brick_obj = {
         "id": brick_id,

frontend/game_viewer.html

@@ -504,8 +504,8 @@
                 canvas.height = size;
                 const ctx = canvas.getContext('2d');
 
-                // Background - bright blue
-                ctx.fillStyle = '#2080dd';
+                // Background - darker blue
+                ctx.fillStyle = '#1a5a9e';
                 ctx.fillRect(0, 0, size, size);
 
                 // Major grid lines - white
@@ -547,10 +547,8 @@
             blueprintTexture.wrapT = THREE.RepeatWrapping;
             blueprintTexture.repeat.set(WORLD_SIZE / 5, WORLD_SIZE / 5); // 5 units per texture tile
 
-            const groundMaterial = new THREE.MeshStandardMaterial({
-                map: blueprintTexture,
-                roughness: 0.9,
-                metalness: 0.0
+            const groundMaterial = new THREE.MeshBasicMaterial({
+                map: blueprintTexture
             });
             const groundMesh = new THREE.Mesh(groundGeometry, groundMaterial);
             groundMesh.rotation.x = -Math.PI / 2; // Rotate to be horizontal
@@ -575,10 +573,8 @@
             wallTexture.wrapS = THREE.RepeatWrapping;
             wallTexture.wrapT = THREE.RepeatWrapping;
 
-            const wallMaterial = new THREE.MeshStandardMaterial({
-                map: wallTexture,
-                roughness: 0.9,
-                metalness: 0.0
+            const wallMaterial = new THREE.MeshBasicMaterial({
+                map: wallTexture
             });
 
             // North/South walls (along X axis)
@@ -592,7 +588,7 @@
             const northWallMesh = new THREE.Mesh(nsWallGeometry, nsWallMaterial);
             northWallMesh.position.set(0, wallHeight / 2, WORLD_HALF);
             northWallMesh.receiveShadow = true;
-            northWallMesh.castShadow = true;
+            northWallMesh.castShadow = false;
             scene.add(northWallMesh);
 
             const northWallShape = new CANNON.Box(new CANNON.Vec3(WORLD_SIZE / 2, wallHeight / 2, wallThickness / 2));
@@ -606,7 +602,7 @@
             const southWallMesh = new THREE.Mesh(nsWallGeometry, nsWallMaterial);
             southWallMesh.position.set(0, wallHeight / 2, -WORLD_HALF);
             southWallMesh.receiveShadow = true;
-            southWallMesh.castShadow = true;
+            southWallMesh.castShadow = false;
             scene.add(southWallMesh);
 
             const southWallBody = new CANNON.Body({ mass: 0, material: defaultMaterial });
@@ -625,7 +621,7 @@
             const eastWallMesh = new THREE.Mesh(ewWallGeometry, ewWallMaterial);
             eastWallMesh.position.set(WORLD_HALF, wallHeight / 2, 0);
             eastWallMesh.receiveShadow = true;
-            eastWallMesh.castShadow = true;
+            eastWallMesh.castShadow = false;
             scene.add(eastWallMesh);
 
             const eastWallShape = new CANNON.Box(new CANNON.Vec3(wallThickness / 2, wallHeight / 2, WORLD_SIZE / 2));
@@ -639,7 +635,7 @@
             const westWallMesh = new THREE.Mesh(ewWallGeometry, ewWallMaterial);
             westWallMesh.position.set(-WORLD_HALF, wallHeight / 2, 0);
             westWallMesh.receiveShadow = true;
-            westWallMesh.castShadow = true;
+            westWallMesh.castShadow = false;
             scene.add(westWallMesh);
 
             const westWallBody = new CANNON.Body({ mass: 0, material: defaultMaterial });
@@ -648,6 +644,19 @@
             physicsWorld.addBody(westWallBody);
             wallBodies.push(westWallBody);
 
+            // Ceiling - same material as floor/walls, positioned at wall height
+            const ceilingGeometry = new THREE.PlaneGeometry(WORLD_SIZE, WORLD_SIZE);
+            const ceilingMaterial = new THREE.MeshBasicMaterial({
+                map: blueprintTexture.clone()
+            });
+            ceilingMaterial.map.repeat.set(WORLD_SIZE / 5, WORLD_SIZE / 5);
+            const ceilingMesh = new THREE.Mesh(ceilingGeometry, ceilingMaterial);
+            ceilingMesh.rotation.x = Math.PI / 2; // Rotate to face downward
+            ceilingMesh.position.y = wallHeight;
+            ceilingMesh.receiveShadow = false;
+            ceilingMesh.castShadow = false;
+            scene.add(ceilingMesh);
+
             // Create player physics body (capsule approximated with cylinder)
             const playerShape = new CANNON.Cylinder(PLAYER_RADIUS, PLAYER_RADIUS, PLAYER_HEIGHT, 8);
             playerBody = new CANNON.Body({
@@ -1333,13 +1342,13 @@
                     break;
                 // Player configuration actions
                 case 'setPlayerSpeed':
-                    WALK_SPEED = data.walk_speed || 5.0;
+                    moveSpeed = data.walk_speed || 5.0;
                     break;
                 case 'setJumpForce':
-                    JUMP_VELOCITY = data.jump_force || 5.0;
+                    JUMP_FORCE = data.jump_force || 5.0;
                     break;
                 case 'setGravity':
-                    if (world) world.gravity.set(0, data.gravity || -9.82, 0);
+                    if (physicsWorld) physicsWorld.gravity.set(0, data.gravity || -9.82, 0);
                     break;
                 case 'setCameraFov':
                     if (camera) {
@@ -1348,8 +1357,8 @@
                     }
                     break;
                 case 'setMouseSensitivity':
-                    MOUSE_SENSITIVITY = data.sensitivity || 0.002;
-                    if (data.invert_y !== undefined) window.INVERT_Y = data.invert_y;
+                    mouseSensitivity = data.sensitivity || 0.002;
+                    if (data.invert_y !== undefined) invertY = data.invert_y;
                     break;
                 case 'setPlayerDimensions':
                     if (data.height) PLAYER_HEIGHT = data.height;
@@ -1911,9 +1920,10 @@
 
             const spread = config.spread || 1.0;
 
-            // Use forward spawn position if no position specified or default (0,0,0)
+            // Use forward spawn position if no position specified or default position
+            // Backend defaults to {0, 1, 0} when no position is provided
             let pos = config.position || { x: 0, y: 0, z: 0 };
-            const isDefaultPosition = pos.x === 0 && pos.y === 0 && pos.z === 0;
+            const isDefaultPosition = pos.x === 0 && pos.z === 0 && (pos.y === 0 || pos.y === 1);
 
             if (config.localized !== false && isDefaultPosition) {
                 // For localized effects, spawn in front of player (don't snap to ground for particles)
@@ -2258,7 +2268,9 @@
                 return;
             }
 
-            const modelPath = brickData.model_path;
+            // Use static_base_url from scene data for correct server
+            const staticBase = sceneData.static_base_url || '';
+            const modelPath = staticBase + brickData.model_path;
             const position = brickData.position || { x: 0, y: 0, z: 0 };
             const rotation = brickData.rotation || { x: 0, y: 0, z: 0 };
             const color = new THREE.Color(brickData.material?.color || '#ff0000');