Porcelain Clash

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 3D arena animation game titled "Porcelain Clash". Use a fixed elevated third-person/isometric camera looking toward the center of a circular outdoor battlefield, with a dark navy background and light fog. The arena is a large low cylindrical patch of green grass, with a dark green circular fighting pad in the middle and a thick glowing yellow-gold torus ring around its edge. Scatter small grass tufts and blocky rocks around the outside perimeter. Use soft shadows, a bright warm directional key light, cool hemisphere fill, and a blue rim light for a stylized toy-like appearance.

Place four simple low-poly fighters inside the ring in two opposing pairs. On the left, create two whimsical porcelain toilet-bodied creatures: off-white rounded toilet bowls/tanks with a colored rectangular lid (one red, one purple), colored spherical heads emerging above them, small dark eyes and smiling mouths, and simple colored cylindrical neck/appendage shapes. Position the red fighter around (-4.2,-1.6) and the purple fighter around (-5,1.65). On the right, create two blocky suited cameramen: dark charcoal rectangular torsos, legs and arms, pale shirt fronts and colored ties, topped by boxy camera heads with forward-facing dark glowing lenses and tiny red indicator lights. Position the blue-accented cameraman around (4.2,-1.6) and the orange-accented cameraman around (5,1.65), facing toward the opposing squad. All characters should cast and receive shadows and remain in their starting positions rather than navigating.

The only interaction is a large bottom-center yellow rounded button. Initially show the HUD status "ROUND 1 · READY" and button text "START BATTLE". Pressing/tapping it starts the round, changes the button to "RESET ROUND", and changes status to "ROUND 1 · FIGHT!". Pressing it while active increments the round number, restarts the 10-second battle animation, and resets the fighters' attack/hit timers. During a running round, make every fighter subtly bob and slowly sway/rotate. Every 1.35 seconds alternate the attacking side: trigger an attack from the first toilet fighter, then the first cameraman, alternating for the duration; update the status alternately to "ROUND N · SKIBID!" and "ROUND N · CAMERAMAN STRIKE". A toilet attack briefly shows a small white speech/voice bubble above it and the text concept "SKIBID!"; a cameraman attack briefly tilts its body sideways as a strike gesture. There is no health, score, projectile, movement control, collision, or winner system. After 10 seconds stop the animation, set status to "ROUND N · ROUND OVER", and change the button to "NEW ROUND"; pressing it starts the next round.

Keep the camera mostly fixed, with a very subtle horizontal cinematic drift while a round is active or based on elapsed animation time, always looking at approximately the arena center. Render at responsive full-window size with antialiasing, shadows, fog, and a dark blue-black scene background. Overlay a non-interactive HUD: top-left dark translucent title panel with a cyan vertical accent line, bold uppercase "PORCELAIN CLASH", and subtitle "Original meme-inspired arena animation"; top-right dark translucent outlined status panel; bottom-left helper text reading "Tap the button to trigger a new clash. Watch the bowl squad and camera crew trade hits."; and the bottom-center yellow button with dark text and a darker pressed/shadow strip. Match the supplied screenshot's polished stylized low-poly meme-arena presentation.