Space Adventure

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recreate a browser game titled “Space Adventure,” an educational, humorous space-tour experience with a dark navy/black sci-fi visual style and cyan/purple glassmorphism UI. The app opens with a centered loading card reading “SPACE ADVENTURE,” subtitle “A funny learning journey across the galaxy,” a purple-to-cyan progress bar, and a short calibration hint; after roughly 2.5 seconds show the explorer-selection screen. The selection screen should fill the viewport with a subtly glowing radial/linear dark background and a large rounded rectangular glass card with a thin cyan border and soft shadow. Center the heading “Choose your explorer,” subheading “Pick one name to start your mission,” and a scrollable responsive grid of large blue gradient buttons. Include these names exactly: Sara, Nezha, Meryam, Halima, Bassma, Saad, Bilal, Chaimae, Amin, Khadija, Mestafa, Hiba, Yassir, Hajar, Loubna, Mohammed Amine, Omar, Bader, Abdeljalil, Outhmane, Fouad, and Zakaria. Put a centered “⚙ Settings” button below the grid. The screenshot-like layout should show a desktop three-column grid and an internal vertical scrollbar when needed, with rounded cyan outlines, bold white labels, and generous spacing; on narrow screens use two columns.

Clicking an explorer advances to a spaceship-selection screen with the same card treatment, heading “Choose your spaceship,” and text explaining “Every ship has the same mission—your style is up to you.” Offer six buttons: 🚀 Challenger (Heavy Explorer), 🚀 Star Runner (Fast Scout), 🚀 Lunar Arrow (Moon Hopper), 🚀 Orbit Falcon (Deep Space Jet), 🚀 Comet Rider (Meteor Chaser), and 🚀 Nova Spear (Star Cruiser). Include Back and ⚙ Settings controls. Settings should offer Language choices “English + العربية” and “English only,” and Voice choices On/Off, with Save returning to explorer selection. The game uses browser speech synthesis for Miko’s English voice lines when voice is enabled; Arabic is displayed as a short translation.

After choosing a ship, replace the UI background with a Three.js-style 3D scene: a nearly black deep-space background with fog, about 1600 tiny pale-blue stars, soft blue/purple ambient and directional lighting, and a third-person view from behind/near a stylized spaceship. Load/use a small Challenger-like 3D spaceship model centered near the bottom foreground, facing into the scene. Arrange six large colored planets along a forward flight route at varied x/y/depth positions: Mercury (small gray-brown), Venus (orange-brown), Earth (large blue), Mars (red), Jupiter (very large tan/banded-looking), and Saturn (large pale-gold with a prominent ring). Make the planets slowly rotate and gently drift vertically. Add several irregular brown meteor rocks scattered through the route. The camera should subtly sway while looking toward the distant route; this is a guided cinematic scene rather than a manually steered flight, with no movement controls shown.

Overlay a compact HUD: at the top, pill-shaped translucent panels show the selected explorer and “🚀 [ship] · ⭐ [score]”, starting at score 0, plus a small “?” help button. Near the top-center display a card titled “Mission question” with multiple-choice buttons. Cycle through these exact educational questions: “Which planet is known as the Red Planet?” with Mars correct among Venus/Jupiter; “Which planet has famous rings?” with Saturn correct among Earth/Mercury; “What is our home planet?” with Earth correct among Mars/Venus; and “Which is the largest planet?” with Jupiter correct among Mercury/Mars. A correct answer adds 10 points, increments the answered count, updates the star score, causes new glowing blue star particles to appear in the route, and makes Miko say/display “Correct! New stars are appearing on your route.” An incorrect choice does not advance and makes Miko say/display “Not quite. Miko says: try again from the beginning.”

Make each planet clickable with pointer/touch input. Clicking a planet should briefly spin it and open a right-side/bottom information card with its name, a concise factual English description, an Arabic translation, and a Close button. Use these facts: Mercury is the smallest planet and closest to the Sun; Venus is the hottest because of its thick atmosphere; Earth is our home planet with liquid water and life; Mars is the Red Planet with iron-rich soil; Jupiter is the largest planet and has the Great Red Spot; Saturn is a gas giant famous for its rings. The ? help button should tell the player to click a glowing planet to learn about it and answer questions to reveal more of the galaxy.

At the bottom, show a wide translucent rounded MIKO dialogue panel with a cyan “MIKO” label, English line, and Arabic translation in warm pale orange aligned right. On entering the mission, greet the selected explorer with “Welcome [name]! Strap in—the galaxy has questions for you.” Continue occasional timed humorous radio comments about random explorers passing by, and personalized jokes for the chosen explorer; also periodically show another personalized line every several seconds. Use speech synthesis for the English line if Voice is On. After about 120 seconds, briefly spawn a centered info card/event for “MR. BEN HAS ARRIVED ☕” explaining that he fell slowly from a passing spaceship while holding coffee, with Arabic translation, then remove it after several seconds. Keep the overall interaction lightweight: select a name, select a ship, answer science questions, click planets for facts, and watch the ambient space journey. Use rounded 14–24px corners, white bold typography, cyan borders/glows, translucent navy panels, responsive layout, and no debug overlays.