3D Testing

Prompt

High-Level Description Create an experimental interactive 3D material showcase contained entirely within a single HTML file with embedded CSS and JavaScript. This is NOT a website. This is NOT a portfolio. This is NOT a landing page. The experience revolves around a single central object suspended in space. Everything exists to emphasize this one object. The object should feel like an alien glass sculpture, a liquid blob, or a translucent splat made of an impossible material. The experience should resemble: * Apple Vision Pro material demonstrations. * Three.js experiments. * Refik Anadol. * Active Theory. * Resn. * Modern shader art. * Physical material laboratories. The object itself is the star of the experience. FIRST RULE THERE MUST BE ONLY ONE MAIN OBJECT. No collections of objects. No particle swarms. No ecosystems. No multiple models. No clutter. Everything should focus attention on the single hero object. The model occupies most of the screen and should immediately capture attention. The scene should feel like a museum pedestal or luxury product reveal. Main Object Create one highly detailed object. Possible forms: * Blob. * Liquid splat. * Metaball structure. * Abstract sculpture. * Organic geometry. * Soft body. * Deformed sphere. * Torus blob. * Smooth crystal. * Impossible glass shape. Favor asymmetrical forms. The geometry should continuously evolve. Avoid primitive spheres unless heavily deformed. Material System The object should resemble: * Glass. * Liquid glass. * Frosted glass. * Transparent resin. * Crystal. * Acrylic. * Gel. * Chrome-glass hybrids. Material quality is one of the highest priorities. Implement: * Refraction. * Transparency. * Internal reflections. * Fresnel effects. * Dispersion. * Chromatic aberration. * Iridescence. * Edge tinting. * Environment reflections. * Caustic-like highlights. * Surface roughness. * Variable opacity. * Transmission. * Dynamic index of refraction. The edges should produce subtle rainbow aberrations. Corners and curved regions should exhibit dispersion and color separation similar to camera lenses and luxury optics. Settings Panel Include a beautiful floating settings panel. Minimal and elegant. Inspired by: * Linear. * Apple. * Raycast. * Vision Pro. Allow configuration of: Transparency. Refraction strength. Index of refraction. Chromatic aberration intensity. Edge tint. Dispersion amount. Roughness. Metalness. Opacity. Fresnel intensity. Glow strength. Rotation speed. Noise amount. Blob deformation. Organic movement. Surface smoothness. Color. Background brightness. Environment intensity. Lighting parameters. Animation speed. All changes should happen in real time. Text Minimal. Very little text. No paragraphs. No navigation. No buttons unrelated to settings. Only: Object title. Material type. A few parameter labels. Everything else should remain silent. The model should speak for itself. Animation Philosophy Animation is extremely important. The object should continuously evolve. Implement: * Slow breathing motion. * Organic deformation. * Noise-based movement. * Vertex displacement. * Surface ripples. * Soft-body behavior. * Shape morphing. * Rotation. * Oscillation. * Fluid transitions. The object should feel alive. Nothing should be static. Cursor Interaction The object must react to the cursor. Support: * Rotation. * Tilt. * Depth shifts. * Dynamic reflections. * Lighting changes. * Refraction adjustments. * Perspective distortion. * Fresnel changes. * Smooth inertia. The interaction should feel luxurious and physical. Lighting System Lighting quality should be cinematic. Include: * HDR environment lighting. * Area lights. * Rim lights. * Soft shadows. * Dynamic highlights. * Bloom. * Reflection probes. * Color bleeding. * Light diffusion. Lighting should slowly evolve over time. Background The background should be simple. Never compete with the object. Use: * Gradient fields. * Soft fog. * Volumetric diffusion. * Gentle noise. * Ambient glow. Avoid: Busy patterns. Multiple objects. Heavy particles. Visual clutter. The background should act like a luxury photography studio. Camera System The camera should feel alive. Implement: * Smooth orbit. * Inertia. * Mouse influence. * Focus shifts. * Dynamic zoom. * Perspective changes. Movement should remain slow and cinematic. Visual Style Minimal. Luxurious. Scientific. Futuristic. Architectural. Elegant. Refined. Atmospheric. Timeless. Technical Requirements Single HTML file. Embedded CSS and JavaScript. Use advanced WebGL and shader techniques whenever possible. Optimize for smooth performance. Maintain physically believable materials. Prioritize realism and optical complexity. The model should look like an impossible piece of liquid glass suspended inside a premium material laboratory. FINAL RULE Visitors should immediately think: “I want to touch this.” The single object should possess so much material richness, optical complexity, and physical presence that it feels more like a luxury sculpture or an alien artifact than a computer-generated shape.

A system prompt was added to support web rendering