Eritrocito 3D

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 an interactive educational 3D visualization titled “Eritrocito 3D” (Spanish UI) that presents the membrane and submembrane cytoskeleton of a red blood cell. Use Three.js or an equivalent WebGL 3D engine with a dark near-black burgundy background (#110d10), subtle fog, soft cinematic lighting, ACES-like tone mapping, and a fixed full-screen canvas.

In the center, show a large glossy red/pink biconcave erythrocyte. Build its body from a high-resolution sphere-like mesh whose vertical position is compressed toward the center, producing the characteristic dimpled/biconcave disk silhouette. Make the plasma membrane translucent and physically glossy: deep red/magenta color, moderate roughness, slight transmission, clearcoat, and double-sided rendering. Place a dark semi-transparent circular interior disk in the central opening beneath the membrane. The cell should be slightly tilted and slowly rotate around its vertical axis at all times.

Inside and slightly beneath the membrane, display a simplified circular spectrin cytoskeleton network. Arrange 12 evenly spaced points around a horizontal ring of radius about 1.72. Connect adjacent points with thin cylindrical rods, alternating cyan/light-blue alpha spectrin and warm yellow beta spectrin segments. Add further diagonal cross-connections to communicate alpha and beta spectrin tetramers. At every edge midpoint, add a small glowing coral/pink spherical “vortex complex” node. Add a small purple/lavender horizontal cylinder at each node as the band 3/anchor element. Keep the network visible through or inside the translucent red cell and use emissive materials so the color coding is readable.

Add floating 3D labels around the cell, in Spanish, with white text and matching accent colors: “α espectrina” in cyan on the left, “β espectrina” in yellow on the right, “complejo del vórtice” in coral above/right, and “banda 3 / anclaje” in lavender on the lower-left. Labels should remain readable as sprites or screen-facing text.

Use an orbit-style camera initially positioned in front and slightly above the model, with a perspective view framing the full cell. Allow the user to drag to rotate the camera around the model and use the mouse wheel/pinch equivalent to zoom, with damping, no panning, and sensible min/max distances. The model itself continues its very slow automatic rotation. Clicking/tapping the erythrocyte should toggle an educational separation view: on the first click, raise the red membrane upward by roughly 0.55 world units and enlarge it very slightly (about 1.07 scale), exposing the spectrin ring more clearly; on the next click, restore the membrane to its original position and scale. Do not add combat, scoring, enemies, health, inventory, timers, or other game systems.

Overlay a non-interactive HUD in Spanish. In the upper-left, place a rounded dark translucent panel with a subtle pink border and shadow. Its heading should read “Eritrocito: membrana y citoesqueleto”, followed by explanatory text: “Modelo esquemático de la red de espectrina. La espectrina α y β se organizan en tetrámeros que se conectan en complejos del vórtice (nodo) bajo la membrana.” In the upper-right, place a rounded translucent legend listing four colored dots and labels: “Espectrina α”, “Espectrina β”, “Complejo del vórtice”, and “Anclaje / banda 3”. At the bottom center, show a pill-shaped hint reading “Arrastra para rotar · rueda para acercar · toca el eritrocito para separar la membrana”. Keep the UI responsive: on narrow screens reduce the information panel width and move the legend toward the lower-right above the hint. Match the reference visual style: dark burgundy interface, pale pink typography, glossy saturated red cell, glowing scientific diagram elements, and a clean schematic presentation.