Gemini 3: codeer een retro 3D-ruimteschipgame met één prompt Gemini 3: Code a retro 3D spaceship game with a single prompt

Gemini 3 is ons beste model tot nu toe voor agentic werk en vibe coding. Zie hoe het één complexe prompt oppakt en met zijn reasoning-vermogen uitvoerbare code schrijft voor een verzorgde, interactieve 3D-game, compleet met neonesthetiek en particle-effecten, allemaal in één HTML-bestand. Wat bouwt Gemini als je 'retro ruimteschip' vervangt door iets anders? Probeer de demo in Google AI Studio: https://aistudio.google.com/apps/bundled/synthwave_space Meer over Gemini 3: https://deepmind.google/models/gemini/ ___ Prompt: ""Maak een verzorgde, retrofuturistische 3D-ruimteschipgame voor het web die volledig in één HTML-bestand zit en Three.js gebruikt. De game moet een Synthwave/Retrowave-esthetiek hebben met de volgende specificaties: ### 1. Visuele stijl en sfeer * **Esthetiek:** Donkere, meeslepende 3D-omgeving met een gloeiende, volumetrische neonlook. Gebruik een kleurenpalet van dieppaars, felroze en elektrisch cyaan. * **Post-processing:** Je moet Three.js `EffectComposer` met `UnrealBloomPass` implementeren zodat de neonelementen intens gloeien. * **Omgeving:** * Een dichte, bewegende sterrenhemel als achtergrond met rijke details. Ga hier verder dan simpele vlakke vormen en gebruik shaders om de game visueel aantrekkelijk te maken. Simuleer bijvoorbeeld retro astra, sterren en planeten op de achtergrond. * Afstandsmist waardoor objecten in de verte vloeiend in het donker verdwijnen. * **Assets:** Gebruik complexe geometrische primitieven die programmatisch worden opgebouwd (geen externe modellen importeren). ### 2. Gameplaymechanieken * **Perspectief:** Third-person view van achter het ruimteschip. * **Core loop:** De speler bestuurt het schip over de X- en Y-as (2D-vlak), terwijl vijanden (neonblokken) in de verte verschijnen en langs de Z-as naar de camera toe vliegen. * **Gevecht:** * De speler schiet laserstralen (gloeiende lijnen) om vijanden te vernietigen. * **Botsing:** Als een laser een blok raakt, moet het blok uiteenspatten in een zeer complex particle-explosie-effect. * **Game over:** Als een blok het schip raakt, is de game afgelopen. * **UI:** Een minimale HUD die de huidige score toont. Een Game Over-overlay met een Restart-knop. ### 3. Besturing (cross-platform) De game moet het type apparaat of de invoermethode detecteren: * **Desktop/web:** * Gebruik de **pijltjestoetsen** of **WASD** voor vloeiende beweging (pas `lerp` of wrijving toe voor een zwevend, driftend ruimteschipgevoel). * Gebruik de **spatiebalk** om te schieten. * **Mobiel/touch:** * Render een halfdoorzichtige **virtuele joystick** linksonder in het scherm (met HTML/CSS of de Canvas API) om aanraakbewegingen om te zetten in coördinaten van het schip. * Detecteer een **tik** ergens op de rechterkant van het scherm om lasers af te vuren. ### 4. Technische randvoorwaarden * **Eén bestand:** Alle HTML, CSS en JavaScript (inclusief de Three.js-library en post-processing-shaders die via een CDN worden geïmporteerd) moeten in één `index.html`-bestand staan. Geef geen andere tekst terug dan het HTML-antwoord. * **Performance:** Gebruik object pooling voor lasers en particles om 60 FPS te garanderen. * **Responsiveness:** Het canvas moet dynamisch meeschalen met elk schermformaat zonder de beeldverhouding te vervormen."" ___ Abonneer je op ons kanaal https://www.youtube.com/@googledeepmind Volg ons op X https://twitter.com/GoogleDeepMind Volg ons op Instagram https://instagram.com/googledeepmind Voeg ons toe op Linkedin https://www.linkedin.com/company/deepmind/

Gemini 3 is our best agentic and vibe-coding model yet. See how it takes a complex, single prompt and uses its reasoning capabilities to write executable code for a polished, interactive 3D game — complete with neon aesthetics and particle effects — all within a single HTML file. What will Gemini build if you change 'retro spaceship' to something else? Try the demo in Google AI Studio: https://aistudio.google.com/apps/bundled/synthwave_space Find out more about Gemini 3: https://deepmind.google/models/gemini/ ___ Prompt: ""Create a polished, retro-futuristic 3D spaceship web game contained entirely within a single HTML file using Three.js. The game should feature a """"Synthwave/Retrowave"""" aesthetic with the following specifications: ### 1. Visual Style & Atmosphere * **Aesthetic:** Dark, immersive 3D environment with a glowing, volumetric neon look. Use a color palette of deep purples, hot pinks, and electric cyans. * **Post-Processing:** You must implement Three.js `EffectComposer` with `UnrealBloomPass` to make the neon elements glow intensely. * **Environment:** * A dense, moving starfield background with rich features. Go beyond simple plane shapes here and apply shaders to make the game visually appealing. For example, simulating retro astra, stars, and planets in the background. * Distance fog to fade distant objects smoothly into the darkness. * **Assets:** Use complex geometric primitives constructed programmatically (no external model imports). ### 2. Gameplay Mechanics * **Perspective:** Third-person view from behind the spaceship. * **Core Loop:** The player pilots the ship on the X and Y axis (2D plane) while enemies (neon blocks) spawn in the distance and fly toward the camera along the Z-axis. * **Combat:** * The player shoots laser bolts (glowing lines) to destroy enemies. * **Collision:** When a laser hits a block, the block should shatter into a very complex particle explosion effect. * **Game Over:** If a block hits the ship, the game ends. * **UI:** A minimal HUD displaying the current Score. A """"Game Over"""" overlay with a """"Restart"""" button. ### 3. Controls (Cross-Platform) The game must detect the device type or input method: * **Desktop/Web:** * Use **Arrow Keys** or **WASD** for smooth movement (apply `lerp` or friction for a floaty, drift-like spaceship feel). * Use **Spacebar** to fire. * **Mobile/Touch:** * Render a semi-transparent **Virtual Joystick** on the bottom-left of the screen (using HTML/CSS or Canvas API) to map touch movement to ship coordinates. * Detect a **Tap** anywhere on the right side of the screen to fire lasers. ### 4. Technical Constraints * **Single File:** All HTML, CSS, and JavaScript (including the Three.js library and post-processing shaders imported via CDN) must be in one `index.html` file. Do not output any other text other than the html response. * **Performance:** Use object pooling for lasers and particles to ensure 60FPS performance. * **Responsiveness:** The canvas must resize dynamically to fit any screen size without stretching the aspect ratio."" ___ Subscribe to our channel https://www.youtube.com/@googledeepmind Find us on X https://twitter.com/GoogleDeepMind Follow us on Instagram https://instagram.com/googledeepmind Add us on Linkedin https://www.linkedin.com/company/deepmind/