Nuclear Escape

{"name":"Nuclear Escape","description":"Dive into a thrilling adventure where you must escape a nuclear disaster! Navigate through challenges, dodge obstacles, and collect items to survive. Can you beat the clock and make it out safely?","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-08-19T22:32:35.415427Z","updated_at":"2024-08-19T22:32:35.415429Z","user_id":166,"status":"PRIVATE","parent_id":2870,"id":2871,"user":{"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let scene, camera, renderer;\nlet explosionSize = 2;\nlet explosionGrowth = 0.5; // Increase growth for a more dramatic effect\nlet explosionMaxSize;\nlet baseHeight = 7;\nlet baseGrowth = 0.2; // Increase growth speed\nlet baseMaxHeight;\nlet cloudParticles = [];\nlet stopGrowth = false;\nlet dissipationSpeed = 0.01; // Speed at which the explosion dissipates\nlet startDissipation = false; // Flag to check if dissipation has started\n\nfunction init() {\n // Create scene\n scene = new THREE.Scene();\n\n // Create camera\n camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 2000);\n camera.position.set(0, 200, 400); // Move camera above and farther back\n camera.lookAt(0, 0, 0); // Make the camera look at the center of the scene\n\n // Create renderer\n renderer = new THREE.WebGLRenderer();\n renderer.setSize(window.innerWidth, window.innerHeight);\n document.body.appendChild(renderer.domElement);\n\n // Add lighting\n const ambientLight = new THREE.AmbientLight(0x555555);\n scene.add(ambientLight);\n\n const directionalLight = new THREE.DirectionalLight(0xffffff, 1);\n directionalLight.position.set(0, 1, 0);\n scene.add(directionalLight);\n\n // Set explosion and base max sizes\n explosionMaxSize = Math.min(window.innerWidth, window.innerHeight) / 2; // Make the explosion bigger\n baseMaxHeight = Math.min(window.innerWidth, window.innerHeight) / 1.5; // Increase base height\n\n // Create mushroom cloud\n createMushroomCloud();\n\n // Create city\n createCity(10, 10, 50); // 10x10 grid with 50 units spacing\n\n // Start animation loop\n animate();\n\n // Stop the growth after 4 seconds\n setTimeout(() => {\n stopGrowth = true;\n }, 4000);\n}\n\nfunction createMushroomCloud() {\n const colors = [0xff4500, 0xff8c00, 0xffd700]; // Fiery colors: red, orange, yellow\n let cloudMaterial;\n\n // Create the stem of the mushroom cloud\n for (let i = 0; i < 10; i++) {\n cloudMaterial = new THREE.MeshStandardMaterial({\n color: colors[Math.floor(Math.random() * colors.length)],\n transparent: true,\n opacity: 0.8\n });\n\n let cloud = new THREE.Mesh(\n new THREE.SphereGeometry(Math.random() * 5 + 10, 32, 32),\n cloudMaterial\n );\n\n cloud.position.set(\n Math.random() * 10 - 5,\n i * 15,\n Math.random() * 10 - 5\n );\n\n cloudParticles.push(cloud);\n scene.add(cloud);\n }\n\n // Create the cap of the mushroom cloud\n for (let i = 0; i < 20; i++) {\n cloudMaterial = new THREE.MeshStandardMaterial({\n color: colors[Math.floor(Math.random() * colors.length)],\n transparent: true,\n opacity: 0.8\n });\n\n let cloud = new THREE.Mesh(\n new THREE.SphereGeometry(Math.random() * 10 + 20, 32, 32),\n cloudMaterial\n );\n\n cloud.position.set(\n Math.random() * 50 - 25,\n baseMaxHeight / 2,\n Math.random() * 50 - 25\n );\n\n cloudParticles.push(cloud);\n scene.add(cloud);\n }\n}\n\nfunction createBuilding(width, height, depth, color) {\n const geometry = new THREE.BoxGeometry(width, height, depth);\n const material = new THREE.MeshStandardMaterial({ color: color });\n return new THREE.Mesh(geometry, material);\n}\n\nfunction createCity(rows, cols, spacing) {\n for (let i = 0; i < rows; i++) {\n for (let j = 0; j < cols; j++) {\n const width = Math.random() * 20 + 10;\n const height = Math.random() * 50 + 20;\n const depth = Math.random() * 20 + 10;\n const color = Math.random() * 0xffffff;\n const building = createBuilding(width, height, depth, color);\n building.position.set(\n i * spacing - (rows * spacing) / 2,\n height / 2,\n j * spacing - (cols * spacing) / 2\n );\n scene.add(building);\n }\n }\n}\n\nfunction animate() {\n requestAnimationFrame(animate);\n\n if (!stopGrowth) {\n // Increase explosion size and base height, but stop at max sizes\n if (explosionSize < explosionMaxSize) {\n explosionSize += explosionGrowth;\n }\n\n if (baseHeight < baseMaxHeight) {\n baseHeight += baseGrowth;\n }\n } else {\n startDissipation = true; // Start dissipation when growth stops\n }\n\n cloudParticles.forEach(cloud => {\n if (!startDissipation) {\n // Update cloud positions and scale based on max sizes\n if (cloud.position.y < baseMaxHeight) {\n cloud.position.y += baseGrowth;\n }\n if (cloud.scale.x < explosionSize / 10) {\n cloud.scale.set(explosionSize / 10, explosionSize / 10, explosionSize / 10);\n }\n } else {\n // Dissipate the explosion\n if (cloud.scale.x > 0) {\n cloud.scale.set(\n cloud.scale.x - dissipationSpeed,\n cloud.scale.y - dissipationSpeed,\n cloud.scale.z - dissipationSpeed\n );\n cloud.material.opacity -= dissipationSpeed; // Reduce opacity\n }\n }\n });\n\n renderer.render(scene, camera);\n}\n\nwindow.onload = init;","style.css":"body { margin: 0; font-family: Arial, sans-serif; }","index.html":"\n\n\n\n \n \n Nuclear Escape\n \n \n \n\n\n\n\n\n"},"chat_history":[{"deleted":0,"code_id":138023,"input_tokens":null,"id":67228,"project_id":2871,"sender":"human","message":"Let's get started!","created_at":"2024-08-19T22:34:01.640031Z","output_tokens":null},{"deleted":0,"code_id":138023,"input_tokens":null,"id":67229,"project_id":2871,"sender":"ai","message":"Great! Let's dive into making this project awesome! 🚀\n\nTo start, let's outline the key features we need to implement next. Here's what we can focus on:\n\n1. **Player Character**: Create a player character that can move around the scene.\n2. **Obstacle Handling**: Implement obstacles that the player needs to avoid.\n3. **Item Collection**: Add items that the player can collect for points or power-ups.\n4. **Timer**: Implement a countdown timer to add urgency to the game.\n5. **Collision Detection**: Ensure that the player can collide with obstacles and items correctly.\n\nDoes that sound good to you? If so, let's start by adding the player character and making it move around the scene. If you have any other ideas or changes, let me know! 😊","created_at":"2024-08-19T22:34:01.667796Z","output_tokens":null}],"assets":[],"messages_sent":1,"comments":[],"steps":[]}