---
name: scene-3d
description: Build meaningful browser 3D scenes and GPU visualizations. Use when depth, camera interaction, spatial relationships or GPU-scale rendering are essential.
---

# 3D scenes

Explain why depth improves the task. Define camera, lighting, scale, controls, fallback and non-3D alternative. Prefer Three.js over raw WebGL. Test no-WebGL behavior, keyboard access, reduced motion, mobile layout and export limitations. `fixtures/scene-3d` is a small Three.js probe. WebGPU is opt-in after a support and value check.