Crystal Dragon Live

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 browser-based Three.js interactive virtual-livestream scene titled “💎 Crystal Dragon Live.” The entire viewport is a dark purple crystal cave rendered in 3D, with a deep violet background and fog. Use a perspective camera positioned in front of and slightly above a cute floating dragon, looking toward its upper body. Light the scene with soft lavender hemisphere light, a warm pink-white directional key light, and a cyan point glow near the dragon. Make the floor a very large, low purple cylindrical platform, and ring the distant perimeter with about 18 irregular low-poly glowing crystal cones in cyan, lavender, and pink, each with corresponding emissive color.

The central character is Luna, a stylized baby crystal dragon assembled from simple smooth/low-poly meshes. It has a large aqua/cyan rounded body with subtle blue emissive shading, a pale pink rounded belly facing the camera, a large aqua head, two dark purple glowing eyes, a pale snout, two golden cone horns, two translucent-looking lavender/purple angular wings, a segmented colorful cyan/lavender/pink tail trailing behind, and two small flattened aqua feet. Place the dragon hovering slightly above the platform. Animate an idle hover/bob, gentle head motion, wing motion, and tail swaying. The dragon should visibly react to audience interactions: a Like gives a small energetic wing flutter and a burst of pink/cyan/gold particles; Gift gives a stronger wing flap, a short upward bounce, and more particles; Big Gift triggers a large rainbow celebration with many particles, faster wing flapping, vertical movement, and continuous rotation; Follow gives a heart-like particle burst and a brief reaction. Particle bursts should spawn around the dragon, rise and fall under gravity, rotate, then disappear.

Build a fixed glassmorphism HUD over the scene. At the top left show a rounded translucent card with the title “💎 Crystal Dragon Live” and subtitle “Make Luna happier with your audience magic.” At the top right show two rounded stat cards: a yellow numeric Likes counter initially 0 and a Joy counter initially 0, with uppercase labels. Centered near the top show Luna’s current mood in a translucent rounded card. Initially it says “Luna is waiting for her first Like ✨”. Joy is capped at 100 and increases by 5 for Like, 12 for Gift, 30 for Big Gift, and 8 for Follow; the Likes count increases only for Like. Mood text should change based on state: after enough joy, “Luna is smiling at chat 💖” above 25 joy and “Luna is overjoyed and sparkly! ✨” above 70; during the celebration show “Luna is doing the rainbow celebration! 🌈”; when sad show “Luna is sad… send a Like to cheer her up 💧”. Joy should also subtly scale the dragon up as it rises.

At the bottom center place four large rounded gradient buttons in a responsive row: “💖 Like,” “🎁 Gift,” “🌈 Big Gift,” and “➕ Follow.” Buttons should have warm yellow-to-coral gradients, dark purple bold text, drop shadows, and a slight pressed movement. Clicking them triggers the corresponding reaction, updates the HUD, and briefly displays a large glowing toast around the upper-middle of the scene: “💖 LIKE LOVE!”, “🎁 GIFT JOY!”, “🌈 BIG GIFT!”, or “💞 NEW FOLLOWER!”. Also support keyboard shortcuts L for Like, G for Gift, B for Big Gift, and F for Follow, shown in a small bottom-left hint: “Keyboard: L Like · G Gift · B Big Gift · F Follow.”

Track the time since the last audience event. If there has been no interaction for about 7 seconds, Luna becomes sad, the mood changes to the sad message, the dragon’s head droops forward, two small cyan tears appear beneath the eyes and move down slightly, and joy gradually decreases. Any new interaction removes the tears and restores the normal reaction. Keep the interface usable on mobile: use safe-area-aware positioning, responsive cards/buttons, and hide the keyboard hint on narrow screens. Use a dark violet page background, no scrolling, and make the 3D canvas fill the viewport. Include resize handling for the renderer and camera. The visual style is polished, cute, magical, neon pastel, and livestream-themed, with no enemies, combat, levels, timer, or conventional movement controls.