Backflip

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 minimalist 3D interactive game titled “Backflip.” Use a full-screen Three.js-style WebGL scene with a fixed third-person camera positioned behind and slightly above a small low-poly, bald casual human character standing centered on a bright blue rectangular gymnastics mat. The character should face away from the camera toward the dark background; use a low-poly animated character model with an idle animation and a jump animation if available. Place the mat on a broad, dark navy circular stage/disc, with a thin glowing pale-blue torus ring around the stage perimeter. The environment is an uncluttered, moody deep-blue/black studio or void: use a dark blue background with subtle vertical gradient/fog, soft shadows, cool blue rim/fill lighting, a bright white key light, and a faintly glowing ring. The camera should gently sway horizontally and vertically over time and continuously look toward the performer; frame the character, mat, and ring prominently from behind, with no gameplay arena beyond this single stage.

The only gameplay action is performing a backflip. The player starts standing on the mat in an idle pose. Activate the flip by tapping/clicking a large bottom-centered rounded button labeled “Do a backflip,” or by pressing the Space key. Ignore repeated activations while a flip is already in progress. When activated, increment a flip counter and show a status such as “Backflip 1,” “Backflip 2,” etc. Play the character’s jump animation once, while simultaneously moving the whole character through a scripted arc: over roughly 0.95 seconds, rise from the mat to a maximum of about 1.35 world units using a smooth sine arc, rotate exactly one full turn backward around the screen-facing/depth axis (the implementation uses the character pivot’s Z rotation, progressing to -2π with smooth ease-in/ease-out), then land back at the starting height and upright orientation. Return to the idle animation and show “Ready — tap the button or press Space” after landing. There are no enemies, obstacles, lives, misses, scoring beyond the flip count, or alternate levels; the goal is simply to trigger and watch repeated backflips. Optionally play a short jump/flip sound after the first user interaction, respecting browser audio restrictions. On initial character load, hide the loading overlay and automatically trigger one flip after a short delay (about 700 ms), but still leave the controls available.

Overlay a responsive HUD above the 3D canvas. At the upper left, show a translucent dark glass panel with a thin light border, rounded corners, blur, and subtle shadow. It contains the large bold title “Backflip,” instructional text explaining that a low-poly person on a mat can be made to backflip by tapping the button or pressing Space, and an uppercase blue status line. At the bottom center, place the prominent pill-shaped blue gradient button with white bold text “Do a backflip,” a soft blue glow/shadow, and a slight pressed-state scale/translation effect. Keep the HUD responsive with safe-area bottom padding on mobile and ensure the canvas fills the viewport. Initially show a centered “Loading flip...” overlay with a dark radial blue/black background until the character asset is ready. Use a clean system sans-serif font, cool blue/purple palette, soft shadows, anti-aliasing, tone mapping, and polished but sparse arcade-demo presentation.