Bark's Virtual Arcade

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 3D arcade claw-machine game titled “Bark’s Virtual Arcade.” Use a Three.js-style real-time scene behind a fixed HTML HUD. The scene is a dark neon arcade room: nearly black navy background (#0a0d1d), foggy perspective, large dark floor and back/side walls, thin cyan and pink glowing floor stripes, purple wall trim, and a bright pink horizontal arcade sign/light near the back wall. Use a cinematic perspective camera at approximately (0, 5.6, 10.5) looking toward (0, 2.2, 0), with soft shadows, ambient hemisphere lighting, a white directional key light, and pink/cyan point lights. The scene should have a subtle slow side-to-side rotation.

Place three compact claw-machine cabinets across the room at x positions left, center, and right. They should look like low-poly/clean 3D arcade claw machines with dark bases, glass prize chambers, colored accents, and a visible overhead rail. Only the currently selected cabinet needs the active claw positioned over it, but all three machines should be visible. The selected machine has a gold-toned claw assembly: a small top block, thin dark cable, gold palm, and two angled gold fingers. It starts raised above the selected cabinet. Add eight small prizes in each cabinet, arranged as two rows of four. The prizes can be represented by colorful simple toy/collectible models or emoji-like visual icons, but preserve the visible eight-slot arrangement and the selected cabinet’s claw alignment.

The game has three selectable cabinets/tables: “PLUSH PARADISE,” “TECH VAULT,” and “LEGENDARY LOCKER.” Plush Paradise uses icons 🧸, 🐰, 🦄, 🐼, 🐻, 🐸, 🦊, 🐵 and rarity sequence common, common, rare, epic, common, rare, common, epic. Tech Vault uses 🎮, 📱, 🎧, ⌚, 🕹️, 💿, 🤖, 📷 and rarity sequence common, rare, rare, epic, rare, epic, legendary, common. Legendary Locker uses 💎, 👑, 🌟, 🐉, 🔮, 🪙, 🪽, 🗝️ and rarity sequence rare, epic, legendary, mythic, rare, legendary, epic, mythic. Selecting a cabinet resets the claw x/z position, makes that cabinet active, returns the status to ready, and displays a short toast such as “Tech Vault selected.” Do not allow cabinet selection while the claw is dropping or lifting.

Core loop: start a session with 8 free plays, 0 tickets, 0 wins, and an empty 15-slot collection. On the selected cabinet, move the claw horizontally and front/back over the prize grid, then drop it. The claw x position is bounded roughly from -0.48 to +0.48 and changes by 0.13 per move; depth is bounded roughly from -0.17 to +0.20 and changes by 0.13. Movement is only allowed while the state is ready and plays remain. After a movement, status changes to “aiming” and says “Aiming...” until reset or drop. Drop is only allowed after aiming and consumes one play immediately. Animate the claw descending smoothly from y≈3.25 to y≈1.05 over about 0.9 seconds, pause/resolve the result at the target, then animate it lifting back over about 0.9 seconds. During dropping/lifting, disable movement and dropping and show “Follow the claw animation.”

Resolve the prize slot from the final x/depth location by mapping it to one of the two rows of four. Each rarity has a chance of success: common 78%, rare 62%, epic 50%, legendary 38%, mythic 26%. On success, award tickets worth common 15, rare 35, epic 75, legendary 150, or mythic 300; increment wins; prepend the won icon and rarity to the collection; and show a toast like “WIN! RARE prize +35 tickets.” On failure show “So close! The prize slipped.” The claw still lifts after either result. When the lift completes, return to ready; when plays reach zero, show a toast stating “Session complete — start a new session for 8 more plays.” The new-session button resets all counters and collection, selects Plush Paradise, resets the claw, and shows “New session started — 8 free plays!”

Build the HUD as fixed, translucent, blurred dark glass panels with thin semi-transparent borders and rounded corners, white bold uppercase typography, cyan/pink/gold neon accents, and responsive mobile layout. At the top, show a brand card reading “BARK’S VIRTUAL ARCADE” and the subtitle “Pick a cabinet. Line up the claw. Bring home the rarest prize.” Beside it show stat cards for “PLAYS LEFT,” “TICKETS,” and “COLLECTION,” initially 8, 0, and 0. (The collection stat is the number of wins, not number of unique items.) At the lower left, create the main control panel with three cabinet tabs, an active tab gradient from hot pink to purple, a status row with glowing cyan dot, active cabinet name plus “ready,” and hint “Move over a prize, then tap DROP CLAW.” Add four movement buttons labeled “◀ LEFT,” “RIGHT ▶,” “▲ FRONT,” and “▼ BACK,” a large orange-to-pink “DROP CLAW” button, a “RESET POSITION” button, and a wide cyan-outlined “NEW SESSION • 8 FREE PLAYS” button. Reset position is disabled during animation and returns the claw to center/ready otherwise. Include centered temporary toast notifications near the top.

On larger screens, add a lower-right “COLLECTION CABINET” panel with a 15-slot 5-column grid. Empty slots show “?”; won slots show the icon and uppercase rarity, with rarity colors: common pale gray, rare blue, epic purple, legendary orange/gold, mythic pink. On narrow/mobile screens hide the collection cabinet, keep the controls readable near the bottom, make the brand/stats smaller, and use touch-friendly buttons. The game should be an actual playable interactive experience, not a slideshow, with pointer/touch controls and responsive resizing. Do not add combat, a character avatar, extra currencies, or mechanics not described here.