Create a single-page web experience of a realistic CD jewel case (clear plastic CD case) with an open-lid animation. - Use three.js with custom shaders only — no external 3D models, no image textures you didn't generate in code. - The plastic should look real: transparent, glossy, refractive/fresnel edges, subtle scratches and reflections. - Inside: a disc with iridescent rainbow diffraction that shifts as the camera/light moves, plus a printed booklet cover. - Clicking the case (or a button) plays a smooth hinged lid-open animation; clicking again closes it. - Mouse drag orbits the case; it idles with a slow float/rotation. - Dark studio background with soft lighting. Make it look stunning and screenshot-worthy.
Create a single-page web experience of a realistic CD jewel case (clear plastic CD case) with an open-lid animation.
- Use three.js with custom shaders only — no external 3D models, no image textures you didn't generate in code.
- The plastic should look real: transparent, glossy, refractive/fresnel edges, subtle scratches and reflections.
- Inside: a disc with iridescent rainbow diffraction that shifts as the camera/light moves, plus a printed booklet cover.
- Clicking the case (or a button) plays a smooth hinged lid-open animation; clicking again closes it.
- Mouse drag orbits the case; it idles with a slow float/rotation.
- Dark studio background with soft lighting. Make it look stunning and screenshot-worthy.
Open one to inspect its creator, recorded recipe and run record.
Task outputs, votes and discussion
Choose your favorite. See how others voted after you finish.