Alphabet Train

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.

Create a child-friendly educational game titled “Alphabet Train.” Use a bright, polished 3D WebGL scene viewed from a mostly front-facing elevated perspective: a circular/oval grassy yard under a cyan sky with soft fog, a small oval railway made of dark wooden ties and two gray metal rails, and a simple station platform in the background with a pale yellow base, reddish roof, brown posts, and a sign reading “ABC 🚂 station.” A toy-like locomotive continuously travels around the oval track, followed by 26 colorful letter wagons, one for each letter A through Z. Each wagon should have a distinct pastel color and a large readable picture-word card mounted on it. The card shows the uppercase letter, a matching emoji-style picture, and its lowercase word: A arrow (➡️), B ball (⚽), C cow (🐄), D doll (🪆), E earth (🌎), F flame (🔥), G guitar (🎸), H horse (🐴), I igloo (🧊), J jar (🫙), K kitchen (🍳), L lamb (🐑), M moon (🌙), N nest (🪹), O orange (🍊), P pen (🖊️), Q question (❓), R rain (🌧️), S sock (🧦), T teddy (🧸), U upstairs (🪜), V vest (🦺), W wheel (🛞), X x-ray (🩻), Y yellow (💛), Z zigzag (⚡). Keep the train moving slowly and continuously; the currently selected letter’s wagon is visibly emphasized by scaling it up and gently bobbing it.

Overlay the scene with a responsive, touch-friendly learning HUD using rounded translucent white panels, deep purple text, soft shadows, and a playful rounded display font. At the upper left show “Alphabet Train” and the hint “Tap the matching word.” At upper right show a star counter “⭐ 0 / 26,” increasing as letters are answered correctly. Near the top center show a large prompt such as “A is for arrow.” On the right side place three purple buttons: “◀ Letter,” “🔊 Say it,” and “Letter ▶”; on narrow screens stack them near the lower-right above the answer area. At the bottom show four large pale-yellow rounded answer buttons in a 2x2 grid on mobile and a four-column row on wider screens. Each answer button contains a large emoji, the capitalized word, and a small associated letter. For each round, always include the correct card for the current letter plus three distractors selected from other alphabet entries; shuffle their display order.

On first load, display a full-screen soft translucent start overlay with a centered white rounded card: “🚂 ABC Train,” the description “Ride the train from A to Z. Pick the right picture-word card to earn stars.” and a purple “Start Learning” button. The initial prompt is A is for arrow and the score is 0/26. Starting hides the overlay, plays a short bell sound, and speaks the current phrase. Clicking the correct answer adds that letter to the answered set, updates the star score, shows a large green feedback message like “Yes! A!”, plays a bell, and automatically advances to the next letter after a short delay. If all 26 are answered, show “A to Z!” in purple. Clicking a wrong answer does not advance or add a star; show a large red message such as “Try arrow!” and play a click sound. The feedback message fades away shortly after appearing.

The Letter navigation buttons and keyboard controls must work: right/left arrow keys or the corresponding buttons move cyclically through the alphabet and regenerate the prompt and four choices; the “Say it” button, Space, or Enter uses browser speech synthesis to say “LETTER is for word” at a gentle child-friendly rate and pitch. The game should preserve the set of correctly answered letters while navigating. Use subtle camera drift, warm lighting, soft shadows, and rounded colorful toy-like 3D geometry to match a cheerful preschool learning aesthetic. Do not add lives, timers, combat, or other mechanics not described here.