Generate a 3D animation of gold medals embedded on the surfa...

Prompt

Generate a 3D animation of gold medals embedded on the surface of a pyramid, rendered in HTML. Gold medal SVG: ```xml <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="1180" height="1530" viewBox="0 0 118 153" role="img" aria-label="Gold medal with blue ribbon"> <title>High-fidelity vector reconstruction of medal icon</title> <desc>Pure vector reconstruction from a 118x153 raster reference. No embedded bitmap.</desc> <defs> <linearGradient id="goldFace" x1="0" y1="0" x2="0.75" y2="1"> <stop offset="0" stop-color="#FFD24A"/> <stop offset="1" stop-color="#FFC83D"/> </linearGradient> <linearGradient id="goldRim" x1="0" y1="0" x2="1" y2="1"> <stop offset="0" stop-color="#FFC53B"/> <stop offset="1" stop-color="#FFB52E"/> </linearGradient> <filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="0.28"/> </filter> </defs> <!-- Ribbon: dark diagonal first, then light diagonal over it --> <path d="M60.85 39.45 L79.75 39.45 L64.05 68.05 L48.05 68.05 Z" fill="#2F7FC9"/> <path d="M30.45 39.45 L50.15 39.45 L63.05 68.05 L48.05 68.05 Z" fill="#42A5F4"/><!-- Medal hanger / clasp --><path d="M42.55 65.90 L47.55 65.90 L47.55 68.75 L63.75 68.75 L63.75 65.90 L68.80 65.90 L68.80 72.70 C66.25 74.85 62.10 76.10 58.05 76.70 C61.45 77.60 64.15 79.10 66.25 81.10 L62.35 84.05 C60.30 81.85 58.20 80.80 55.70 80.80 C53.25 80.80 51.00 81.85 49.10 84.05 L45.20 81.10 C47.20 79.05 49.85 77.60 53.30 76.70 C49.25 76.05 45.05 74.85 42.55 72.70 Z" fill="#FFC338"/> <ellipse cx="55.45" cy="72.55" rx="1.35" ry="1.85" fill="#FFF2B4" opacity="0.92"/><!-- Outer medal body --> <circle cx="55.70" cy="98.55" r="23.05" fill="url(#goldRim)"/> <circle cx="55.70" cy="98.55" r="20.65" fill="url(#goldFace)"/> <!-- Inner embossed rim --> <circle cx="55.70" cy="98.55" r="18.75" fill="none" stroke="#FFA83A" stroke-width="1.55" opacity="0.96"/> <circle cx="55.70" cy="98.55" r="17.55" fill="none" stroke="#FFD75B" stroke-width="0.55" opacity="0.90"/> <!-- Specular highlights, shaped to match the raster reference --><path d="M38.20 91.15 C40.55 84.75 45.05 80.55 50.15 78.95" fill="none" stroke="#FFF9D9" stroke-width="1.65" stroke-linecap="round" opacity="0.98"/> <path d="M69.95 107.45 C72.25 104.45 73.45 101.10 73.70 97.20" fill="none" stroke="#FFFBE4" stroke-width="1.85" stroke-linecap="round" opacity="0.98"/><!-- Number 1 as a vector path, no font dependency --><path d="M54.25 84.95 C53.35 86.00 51.85 86.95 49.85 87.55 L49.85 91.55 L53.15 90.70 L53.15 106.25 L49.80 106.25 L49.80 111.20 L62.15 111.20 L62.15 106.25 L58.75 106.25 L58.75 84.95 Z" fill="#FF9E35"/><!-- Tiny warm face variation retained from the source aesthetic --><path d="M55.65 84.95 L58.75 84.95 L58.75 106.25 L62.15 106.25 L62.15 111.20 L55.65 111.20 Z" fill="#FFA23A" opacity="0.40"/> </svg> ``` ### 1. Geometry and Medal Layout * **Form:** Square-based pyramid (tetrahedral/4 triangular faces). The base panel color must be a pure, deep blue-black (not gold, gray, or white). * **Medal Array:** Each face is densely packed with 6 rows of high-definition circular gold medals (featuring blue ribbons and transparent contours; no text or low-res geometric placeholders), inset from the edges. * **Exact Counts:** Arranged from top to bottom as 2, 4, 6, 8, 10, and 12 medals per row (42 medals per face, totaling 168 medals across all 4 faces). * **Level of Detail (LOD):** From a distance, they appear as a golden horizontal lattice/dot matrix; at medium-to-close range, the circular medal disks and blue ribbons are clearly identifiable. ### 2. Framing and Clear Coating * **Forefront Black Frame:** The 4 bottom edges and 4 hip ridges feature structural black bevel frames situated as the outermost layer—above the panels, medals, and glass coat (naturally clipping/occluding edge medals). The frame body must be pure matte/deep black, allowing only an extremely narrow, subtle cool/warm rim specular reflection. * **Clear-Coat Glass Layer:** An ultra-thin physical transparent coating covers the medal surfaces, exhibiting Fresnel edge reflections and broad, soft cool/warm specular highlights. Strictly avoid narrow linear streak reflections or high-frequency random glints on individual medals; during strong full-face exposure, the effect should seamlessly blend into a large-area surface sheen. ### 3. Global Panel Illumination * **Full-Face Light Sweep:** Specular reflections act across entire triangular faces, manifesting as broad, soft-edged light blooms or wide sweep bands (transitioning through dark gold / cyan-yellow / warm white to brief near-white peak highlights). The black outer frame remains sharply defined; strictly forbid isolated sweeps on individual medals. * **Dynamic Contrast:** The face directly facing the camera is brightly highlighted, while adjacent side faces remain in deep black or extreme shadow. ### 4. Environment and Base Grid * **Night Sky Background:** Deep blue-black open night sky (`#090b19` ~ `#0a0d18`), dotted with very few, tiny, low-luminosity star points. No nebulae, Milky Way textures, or dense noise. * **Hovering Grid:** The pyramid hovers slightly, casting a soft, deep blue shadow/ambient glow below. Beneath it rests a desaturated blue fine-line perspective grid (moderate transparency), with only the central X/Z axes highlighted in yellow.

A system prompt was added to support web rendering