Update app.py

app.py

@@ -31,10 +31,10 @@ game_html = """
     <script type="module">
         import * as THREE from 'https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js';
 
-        let scene, camera, renderer, snake, foodItems = [], lSysCreatures = [], messages = [];
+        let scene, camera, renderer, snake, foodItems = [], lSysCreatures = [], messages = [], cityscape = [];
         let clock = new THREE.Clock();
-        let moveDir = new THREE.Vector3(1, 0, 0), moveSpeed = 0.2;
-        let score = 0, gameTime = 0, lives = 3;
+        let moveDir = new THREE.Vector3(1, 0, 0), moveSpeed = 2; // Adjusted speed for visibility
+        let score = 0, gameTime = 0, lives = 3, moveCounter = 0, moveInterval = 0.1; // Ticker interval in seconds
         let highScores = JSON.parse(localStorage.getItem('highScores')) || [];
         let gameOver = false;
 
@@ -45,21 +45,14 @@ game_html = """
             renderer.setSize(window.innerWidth, window.innerHeight);
             document.body.appendChild(renderer.domElement);
 
-            camera.position.set(0, 20, 30);
+            camera.position.set(0, 30, 40);
             camera.lookAt(0, 0, 0);
 
             // Initialize 3D snake
-            snake = [];
-            const snakeMaterial = new THREE.MeshPhongMaterial({ color: 0x00ff00, shininess: 100 });
-            for (let i = 0; i < 3; i++) {
-                const segment = new THREE.Mesh(new THREE.SphereGeometry(0.5, 16, 16), snakeMaterial);
-                segment.position.set(-i * 1.2, 0, 0);
-                snake.push(segment);
-                scene.add(segment);
-            }
+            resetSnake();
 
             spawnFood();
-            spawnLSysCreatures();
+            spawnCityscape();
 
             const ambientLight = new THREE.AmbientLight(0x404040, 0.5);
             scene.add(ambientLight);
@@ -97,30 +90,34 @@ game_html = """
             }
         }
 
-        function spawnLSysCreatures() {
+        function spawnCityscape() {
             const lSys = {
                 axiom: "F",
-                rules: { "F": "F[+F]F[-F]F" },
-                angle: 25,
-                length: 2,
-                iterations: 3
+                rules: { "F": "F[+F]F[-F][F]" },
+                angle: 30,
+                length: 3,
+                iterations: 2
             };
-            const material = new THREE.MeshPhongMaterial({ color: 0x0000ff });
-            for (let i = 0; i < 3; i++) {
+            const material = new THREE.MeshPhongMaterial({ color: 0x808080 });
+            for (let i = 0; i < 10; i++) {
                 let turtleString = lSys.axiom;
                 for (let j = 0; j < lSys.iterations; j++) {
                     turtleString = turtleString.split('').map(c => lSys.rules[c] || c).join('');
                 }
-                const creature = new THREE.Group();
+                const building = new THREE.Group();
                 let stack = [], pos = new THREE.Vector3((Math.random() - 0.5) * 40, 0, (Math.random() - 0.5) * 40);
                 let dir = new THREE.Vector3(0, lSys.length, 0);
 
                 for (let char of turtleString) {
                     if (char === 'F') {
-                        const segment = new THREE.Mesh(new THREE.CylinderGeometry(0.1, 0.1, lSys.length, 8), material);
+                        const height = Math.random() * 2 + 1;
+                        const segment = new THREE.Mesh(
+                            Math.random() > 0.5 ? new THREE.BoxGeometry(1, height, 1) : new THREE.CylinderGeometry(0.5, 0.5, height, 8),
+                            material
+                        );
                         segment.position.copy(pos).add(dir.clone().multiplyScalar(0.5));
                         segment.quaternion.setFromUnitVectors(new THREE.Vector3(0, 1, 0), dir.clone().normalize());
-                        creature.add(segment);
+                        building.add(segment);
                         pos.add(dir);
                     } else if (char === '+') {
                         dir.applyAxisAngle(new THREE.Vector3(0, 0, 1), lSys.angle * Math.PI / 180);
@@ -134,15 +131,56 @@ game_html = """
                         dir = state.dir;
                     }
                 }
-                creature.position.set(pos.x, 0, pos.z);
-                lSysCreatures.push(creature);
-                scene.add(creature);
-                sendQuineMessage(creature);
+                building.position.set(pos.x, 0, pos.z);
+                cityscape.push(building);
+                scene.add(building);
+                if (Math.random() > 0.7) spawnLSysCreature(building.position);
+            }
+        }
+
+        function spawnLSysCreature(position) {
+            const lSys = {
+                axiom: "F",
+                rules: { "F": "F[+F]F[-F]F" },
+                angle: 25,
+                length: 2,
+                iterations: 2
+            };
+            const material = new THREE.MeshPhongMaterial({ color: 0x0000ff });
+            let turtleString = lSys.axiom;
+            for (let j = 0; j < lSys.iterations; j++) {
+                turtleString = turtleString.split('').map(c => lSys.rules[c] || c).join('');
+            }
+            const creature = new THREE.Group();
+            let stack = [], pos = position.clone(), dir = new THREE.Vector3(0, lSys.length, 0);
+
+            for (let char of turtleString) {
+                if (char === 'F') {
+                    const segment = new THREE.Mesh(new THREE.CylinderGeometry(0.1, 0.1, lSys.length, 8), material);
+                    segment.position.copy(pos).add(dir.clone().multiplyScalar(0.5));
+                    segment.quaternion.setFromUnitVectors(new THREE.Vector3(0, 1, 0), dir.clone().normalize());
+                    creature.add(segment);
+                    pos.add(dir);
+                } else if (char === '+') {
+                    dir.applyAxisAngle(new THREE.Vector3(0, 0, 1), lSys.angle * Math.PI / 180);
+                } else if (char === '-') {
+                    dir.applyAxisAngle(new THREE.Vector3(0, 0, 1), -lSys.angle * Math.PI / 180);
+                } else if (char === '[') {
+                    stack.push({ pos: pos.clone(), dir: dir.clone() });
+                    } else if (char === ']') {
+                        const state = stack.pop();
+                        pos = state.pos;
+                        dir = state.dir;
+                    }
             }
+            creature.position.copy(position);
+            lSysCreatures.push(creature);
+            scene.add(creature);
+            sendQuineMessage(creature);
         }
 
         function sendQuineMessage(sender) {
-            const quine = "function q(){alert('I am alive! '+q.toString())}q()";
+            const quine = "function q(){console.log('Alive! '+q.toString())}q()";
             const messageDiv = document.createElement('div');
             messageDiv.className = 'message';
             messageDiv.innerText = 'Quine Msg';
@@ -170,18 +208,22 @@ game_html = """
             }
             if (gameOver) return;
             switch (event.code) {
-                case 'ArrowLeft': case 'KeyA': moveDir.set(-1, 0, 0); break;
-                case 'ArrowRight': case 'KeyD': moveDir.set(1, 0, 0); break;
-                case 'ArrowUp': case 'KeyW': moveDir.set(0, 0, -1); break;
-                case 'ArrowDown': case 'KeyS': moveDir.set(0, 0, 1); break;
+                case 'ArrowLeft': case 'KeyA': if (moveDir.x !== 1) moveDir.set(-1, 0, 0); break;
+                case 'ArrowRight': case 'KeyD': if (moveDir.x !== -1) moveDir.set(1, 0, 0); break;
+                case 'ArrowUp': case 'KeyW': if (moveDir.z !== 1) moveDir.set(0, 0, -1); break;
+                case 'ArrowDown': case 'KeyS': if (moveDir.z !== -1) moveDir.set(0, 0, 1); break;
             }
         }
 
         function updateSnake(delta) {
             if (gameOver) return;
+            moveCounter += delta;
+            if (moveCounter < moveInterval) return;
+            moveCounter = 0;
+
             const head = snake[0];
             const newHead = new THREE.Mesh(head.geometry, head.material);
-            newHead.position.copy(head.position).add(moveDir.clone().multiplyScalar(moveSpeed));
+            newHead.position.copy(head.position).add(moveDir.clone().multiplyScalar(1)); // Move by 1 unit
 
             // Boundary check
             if (Math.abs(newHead.position.x) > 20 || Math.abs(newHead.position.z) > 20) {
@@ -197,6 +239,14 @@ game_html = """
                 }
             }
 
+            // Cityscape collision
+            for (let building of cityscape) {
+                if (newHead.position.distanceTo(building.position) < 2) {
+                    loseLife();
+                    return;
+                }
+            }
+
             snake.unshift(newHead);
             scene.add(newHead);
 
@@ -207,11 +257,11 @@ game_html = """
                     foodItems.splice(i, 1);
                     score += 10;
                     spawnFood(); // Add new food
-                    spawnLSysCreatures(); // Add new creature
+                    if (Math.random() > 0.8) spawnLSysCreature(newHead.position.clone());
                     break;
                 } else {
-                    snake.pop(); // Remove tail if no food eaten
-                    scene.remove(snake[snake.length - 1]);
+                    const tail = snake.pop();
+                    scene.remove(tail);
                 }
             }
 
@@ -266,13 +316,16 @@ game_html = """
             resetSnake();
             foodItems.forEach(f => scene.remove(f));
             lSysCreatures.forEach(c => scene.remove(c));
+            cityscape.forEach(b => scene.remove(b));
             foodItems = [];
             lSysCreatures = [];
+            cityscape = [];
             spawnFood();
-            spawnLSysCreatures();
+            spawnCityscape();
             score = 0;
             lives = 3;
             gameOver = false;
+            moveCounter = 0;
             updateUI();
         }
 
@@ -338,7 +391,7 @@ with st.sidebar:
     st.write("- R to reset after game over")
     st.write("**Objective:**")
     st.write("- Eat alien food (pink dodecahedrons) to grow")
-    st.write("- Avoid L-system creatures (blue structures)")
+    st.write("- Avoid cityscape buildings and L-system creatures")
     st.write("- Watch creatures exchange quine messages")
 
 # Render the HTML game