Spaces:

awacke1
/

ZaxxoGalaxian

Running

App Files Files Community

awacke1 commited on Feb 26

Commit

8f8e846

verified ·

1 Parent(s): 4199b3a

Update app.py

Browse files

Files changed (1) hide show

app.py +99 -14

app.py CHANGED Viewed

@@ -6,7 +6,7 @@ import string
 # Set Streamlit to wide mode
 st.set_page_config(layout="wide")
-# Define the enhanced HTML content with Three.js game, full-screen adjustments
 game_html = """
 <!DOCTYPE html>
 <html lang="en">
@@ -57,6 +57,7 @@ game_html = """
             scene.add(player);
             spawnBuildings();
             const ambientLight = new THREE.AmbientLight(0x404040, 0.5);
             scene.add(ambientLight);
@@ -95,12 +96,35 @@ game_html = """
             }
         }
         function spawnEnemyFromPosition(position) {
             const enemyGeometry = new THREE.BoxGeometry(0.8, 0.8, 0.8);
             const enemyMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000, shininess: 50 });
             const enemy = new THREE.Mesh(enemyGeometry, enemyMaterial);
             enemy.position.copy(position);
             enemy.velocity = new THREE.Vector3(Math.random() - 0.5, Math.random() - 0.5, 1).normalize();
             enemies.push(enemy);
             scene.add(enemy);
         }
@@ -148,6 +172,20 @@ game_html = """
             bullet.velocity = new THREE.Vector3(0, 0, -1);
             bullet.bounces = 0;
             bullet.timer = 5;
             bullets.push(bullet);
             scene.add(bullet);
         }
@@ -158,7 +196,7 @@ game_html = """
                 bullets[i].position.add(bullets[i].velocity.clone().multiplyScalar(bulletSpeed * delta));
                 bullets[i].timer -= delta;
-                if (bullets[i].position.z < -100 || bullets[i].timer <= 0) {
                     scene.remove(bullets[i]);
                     bullets.splice(i, 1);
                     continue;
@@ -178,13 +216,21 @@ game_html = """
                     continue;
                 }
-                checkCollisions(bullets[i], i);
             }
         }
-        function checkCollisions(bullet, bulletIndex) {
             for (let i = enemies.length - 1; i >= 0; i--) {
-                if (bullet.position.distanceTo(enemies[i].position) < 1) {
                     scene.remove(enemies[i]);
                     enemies.splice(i, 1);
                     scene.remove(bullet);
@@ -193,6 +239,23 @@ game_html = """
                     if (clock.getElapsedTime() - lastHitTime < 2) multiplier += 0.5;
                     lastHitTime = clock.getElapsedTime();
                     updateUI();
                     break;
                 }
             }
@@ -201,12 +264,27 @@ game_html = """
         function updateFlockingEnemies(delta) {
             const speed = 3;
             enemies.forEach(enemy => {
-                enemy.position.add(enemy.velocity.clone().multiplyScalar(delta * speed));
-                if (enemy.position.z > 10) {
-                    scene.remove(enemy);
-                    enemies.splice(enemies.indexOf(enemy), 1);
                 }
             });
         }
         function updateBuildings(delta) {
@@ -364,11 +442,18 @@ game_html = """
 </html>
 """
-# Streamlit app with minimal UI to maximize game space
-st.title("Galaxxon - Enhanced Arcade Game")
-st.write("Use WASD or Arrow Keys to move, Spacebar to shoot. Crash into buildings for bonus points, avoid enemies!")
 # Render the HTML game full-screen
-html(game_html, height=1000, width=2000, scrolling=False)  # Large values to ensure full coverage
-st.write("Note: The game runs in your browser. Ensure you have an internet connection for Three.js to load.")

 # Set Streamlit to wide mode
 st.set_page_config(layout="wide")
+# Define the enhanced HTML content with Three.js game
 game_html = """
 <!DOCTYPE html>
 <html lang="en">
             scene.add(player);
             spawnBuildings();
+            spawnEnemyFormations();
             const ambientLight = new THREE.AmbientLight(0x404040, 0.5);
             scene.add(ambientLight);
             }
         }
+        function spawnEnemyFormations() {
+            const enemyGeometry = new THREE.BoxGeometry(0.8, 0.8, 0.8);
+            const enemyMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000, shininess: 50 });
+            const formations = [
+                { pattern: [[-2, 5], [0, 5], [2, 5], [-1, 6], [1, 6]], center: new THREE.Vector3(0, 5.5, -30) },
+                { pattern: [[-3, 4], [-1, 4], [1, 4], [3, 4], [0, 5]], center: new THREE.Vector3(10, 4.5, -40) },
+                { pattern: [[-2, 6], [0, 6], [2, 6], [-1, 7], [1, 7]], center: new THREE.Vector3(-10, 6.5, -35) }
+            ];
+            formations.forEach(formation => {
+                formation.pattern.forEach(pos => {
+                    const enemy = new THREE.Mesh(enemyGeometry, enemyMaterial);
+                    enemy.position.set(formation.center.x + pos[0], formation.center.y + pos[1] - formation.center.y, formation.center.z);
+                    enemy.velocity = new THREE.Vector3();
+                    enemy.formationCenter = formation.center;
+                    enemy.shootTimer = Math.random() * 5;
+                    enemies.push(enemy);
+                    scene.add(enemy);
+                });
+            });
+        }
         function spawnEnemyFromPosition(position) {
             const enemyGeometry = new THREE.BoxGeometry(0.8, 0.8, 0.8);
             const enemyMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000, shininess: 50 });
             const enemy = new THREE.Mesh(enemyGeometry, enemyMaterial);
             enemy.position.copy(position);
             enemy.velocity = new THREE.Vector3(Math.random() - 0.5, Math.random() - 0.5, 1).normalize();
+            enemy.shootTimer = Math.random() * 5;
             enemies.push(enemy);
             scene.add(enemy);
         }
             bullet.velocity = new THREE.Vector3(0, 0, -1);
             bullet.bounces = 0;
             bullet.timer = 5;
+            bullet.isPlayerBullet = true;
+            bullets.push(bullet);
+            scene.add(bullet);
+        }
+        function shootEnemyBullet(enemy) {
+            const bulletGeometry = new THREE.SphereGeometry(0.2, 8, 8);
+            const bulletMaterial = new THREE.MeshPhongMaterial({ color: 0xff00ff, shininess: 100 });
+            const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
+            bullet.position.copy(enemy.position);
+            bullet.velocity = new THREE.Vector3(0, 0, 1);
+            bullet.bounces = 0;
+            bullet.timer = 5;
+            bullet.isPlayerBullet = false;
             bullets.push(bullet);
             scene.add(bullet);
         }
                 bullets[i].position.add(bullets[i].velocity.clone().multiplyScalar(bulletSpeed * delta));
                 bullets[i].timer -= delta;
+                if (bullets[i].position.z < -100 || bullets[i].position.z > 10 || bullets[i].timer <= 0) {
                     scene.remove(bullets[i]);
                     bullets.splice(i, 1);
                     continue;
                     continue;
                 }
+                for (let j = buildings.length - 1; j >= 0; j--) {
+                    if (buildings[j].children.some(child => child.visible && bullets[i].position.distanceTo(buildings[j].position) < 3)) {
+                        bullets[i].velocity.z *= -1;
+                        bullets[i].bounces++;
+                        break;
+                    }
+                }
+                checkBulletCollisions(bullets[i], i);
             }
         }
+        function checkBulletCollisions(bullet, bulletIndex) {
             for (let i = enemies.length - 1; i >= 0; i--) {
+                if (bullet.position.distanceTo(enemies[i].position) < 1 && bullet.isPlayerBullet) {
                     scene.remove(enemies[i]);
                     enemies.splice(i, 1);
                     scene.remove(bullet);
                     if (clock.getElapsedTime() - lastHitTime < 2) multiplier += 0.5;
                     lastHitTime = clock.getElapsedTime();
                     updateUI();
+                    return;
+                }
+            }
+            if (!bullet.isPlayerBullet && bullet.position.distanceTo(player.position) < 1 && !exploding) {
+                explodePlayer();
+                scene.remove(bullet);
+                bullets.splice(bulletIndex, 1);
+                return;
+            }
+            for (let j = bullets.length - 1; j >= 0; j--) {
+                if (j !== bulletIndex && bullet.position.distanceTo(bullets[j].position) < 0.4) {
+                    scene.remove(bullet);
+                    scene.remove(bullets[j]);
+                    bullets.splice(Math.max(bulletIndex, j), 1);
+                    bullets.splice(Math.min(bulletIndex, j), 1);
                     break;
                 }
             }
         function updateFlockingEnemies(delta) {
             const speed = 3;
             enemies.forEach(enemy => {
+                if (enemy.formationCenter) {
+                    const centerDir = enemy.formationCenter.clone().sub(enemy.position).normalize();
+                    enemy.velocity.lerp(centerDir, delta * 0.5);
+                    enemy.position.add(enemy.velocity.clone().multiplyScalar(delta * speed));
+                } else {
+                    enemy.position.add(enemy.velocity.clone().multiplyScalar(delta * speed));
+                    if (enemy.position.z > 10) {
+                        scene.remove(enemy);
+                        enemies.splice(enemies.indexOf(enemy), 1);
+                        return;
+                    }
+                }
+                enemy.shootTimer -= delta;
+                if (enemy.shootTimer <= 0) {
+                    shootEnemyBullet(enemy);
+                    enemy.shootTimer = Math.random() * 5 + 2;
                 }
             });
+            if (enemies.length < 10) spawnEnemyFormations();
         }
         function updateBuildings(delta) {
 </html>
 """
+# Streamlit app with sidebar for title and instructions
+with st.sidebar:
+    st.title("Galaxxon - Enhanced Arcade Game")
+    st.write("**Controls:**")
+    st.write("- Use WASD or Arrow Keys to move")
+    st.write("- Spacebar to shoot")
+    st.write("**Objective:**")
+    st.write("- Crash into buildings for bonus points")
+    st.write("- Destroy enemies and avoid their bullets")
 # Render the HTML game full-screen
+html(game_html, height=1000, width=2000, scrolling=False)
+st.write("Note: The game runs in your browser. Ensure you have an internet connection for Three.js to load.")