Lucky Juke

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-based interactive 3D mini-game titled “Lucky Juke.” Use a full-viewport Three.js-style scene with a dark nightclub/arcade atmosphere: deep purple-black background with fog, a circular dark floor/stage, a warm orange-red glowing ring on the floor, floating pink and gold ambient particles, and a gently breathing camera centered on a large retro jukebox. The jukebox should be front-facing in the middle of the scene, built from chunky 3D geometry: a dark burgundy/red rectangular cabinet, gold metallic trim and an arched top, a translucent amber front panel, a dark inset display, a bright horizontal grille near the top, two large black speaker circles with pink centers, an array of alternating pink/gold bulbs tracing the arch, and vertical alternating neon bars behind the front glass. Use warm gold, orange, magenta, and pink emissive lighting. Before activation, the lights should softly pulse; after a successful coin insertion, the jukebox lights become much brighter and pulse rapidly, the speaker centers subtly throb, the stage glow intensifies, and small sparkles animate around the slot.

Overlay a responsive HUD above the 3D canvas. At the top-left/top area, show a translucent dark-purple rounded panel with a subtle light border and shadow. It contains the large gold heading “Lucky Juke,” instructional text reading: “Drag the coin into the glowing slot. If the link is a normal YouTube watch/share URL, the jukebox will start the song.” Below that, place a text input and a gold gradient “Reset” button side by side. Pre-fill the input with “https://share.google/7aPuIWQS9XyERrWmQ”. Under the controls show the initial status: “The current share.google link doesn't expose the video ID here — if it fails, paste a regular YouTube link.” The interface must work with mouse and touch/pointer input and prevent page scrolling.

At the bottom center, display a large circular gold coin labeled “25¢,” with a bright radial metallic gradient, pale rim, inner highlight, and drop shadow. Its initial position is centered near the bottom of the viewport. Show centered caption text above it: “Slide the coin upward into the jukebox slot.” The physical jukebox slot is a narrow dark horizontal opening with gold trim on the front, positioned around the lower-middle of the cabinet. Track the slot’s projected screen position so the interaction remains aligned when the window resizes.

Core interaction: the player drags the 25¢ coin with mouse or touch. While dragging, move the coin with the pointer, enlarge it slightly, and increase its shadow. If the pointer comes near the slot, show a glowing dashed rounded slot-target hint around the slot. On release, if the pointer is within approximately 82 screen pixels of the slot center, animate the coin upward/into the slot over about 420 ms with easing, shrinking it until it disappears. Mark the coin inserted, turn on the jukebox lights and sparkles, and change the caption to “Jukebox warming up...” initially. If the URL input contains a recognized YouTube video URL, embed and autoplay that video in a player panel; then change the caption to “Now playing.” and status to “Coin accepted — the song should start in the player.” Support regular YouTube formats with video IDs from youtube.com/watch?v=..., youtu.be/..., youtube.com/shorts/..., and youtube.com/embed/... . Show the embedded YouTube player in a rounded dark panel with a subtle border at the lower-right on wide screens, or spanning the lower width on small screens, using a 16:9 aspect ratio. If the input is not a recognized URL/video ID (including the default share.google link), still accept and hide the coin and activate the jukebox, but do not show a player; instead display: “The link still needs a regular YouTube URL with a video ID. Paste one, then tap Reset and try again.” and caption “Coin accepted — paste a normal YouTube link to load the exact track.” If the player is shown, it should be cleared/hidden on reset.

If the player releases without being close enough to the slot, return the coin to its starting bottom-center position. The Reset button must make the coin visible and return it home, clear the inserted/dragging state, turn off the enhanced lights and sparkles, hide/remove the YouTube player, restore caption “Slide the coin upward into the jukebox slot.”, and set status “Coin reset. Drag it into the slot.” Changing the URL input should immediately validate it: show “That link looks valid. Drag the coin into the slot.” for a recognized YouTube URL, otherwise “That URL still does not expose a YouTube video ID here.” Do not add scores, lives, enemies, timers, or other game systems; the only goal is inserting the coin and optionally starting the requested YouTube song.