Create a **single self-contained HTML file** that renders an...

Prompt

Create a **single self-contained HTML file** that renders an interactive **3D leather glove**. The glove should be empty — there is **no hand inside it**. The goal is to test whether you can create a convincing, inspectable 3D object using only browser technologies. Requirements: - Everything must be contained in one `.html` file. - HTML, CSS, and JavaScript may all be embedded in the file. - External libraries such as Three.js may be loaded from a CDN. - The result must be a true 3D object, not a flat SVG, image, or fake 2D effect. - The user must be able to click and drag to rotate the glove freely. - Mouse wheel / trackpad zoom must work. - The camera should be able to inspect the glove from every side. Model a realistic leather glove with: - Five distinct fingers. - A thumb positioned naturally. - A visible wrist opening. - Slight wrinkles and folds in the material. - Subtle asymmetry. - Slightly curved fingers as if the glove was recently removed from a hand. - Realistic seams around the fingers and palm. - Natural thickness around the wrist opening. - Slight creasing around finger joints. - A soft, worn appearance rather than a perfectly clean CAD model. Material: - Dark brown leather. - Fine leather grain visible at close distance. - Roughness variation across the surface. - Very subtle specular highlights. - Small imperfections, creases, and worn areas. - Do not make it look like plastic, rubber, clay, or polished metal. Scene: - Place the glove on a neutral studio surface. - Use physically believable soft lighting. - Include ambient illumination and soft shadows. - The glove should cast a realistic contact shadow. - Use anti-aliasing. - Use a perspective camera. - Use smooth OrbitControls-style interaction. - Make the renderer responsive and fill the browser window. Do not add: - A hand. - A person. - Text. - Menus. - Buttons. - UI panels. - Branding. - Decorative objects. The benchmark should prioritize: 1. Convincing 3D geometry. 2. Realistic material appearance. 3. Small-scale surface detail. 4. Natural deformation and asymmetry. 5. Good lighting and shadows. 6. Smooth interactive inspection. 7. Code quality while remaining in one HTML file. The final response must contain only the complete working HTML document, beginning with `<!DOCTYPE html>` and ending with `</html>`.

A system prompt was added to support web rendering