Three.js / 交互观察台
从形状、颜色和光开始。每一次操作，都能在画面中找到对应的变化。
正在准备 3D 场景…
启用 JavaScript 后即可操作。你仍可以阅读下方的概念说明，或返回入门文章。
改变形状，其他设置保持不变。
改变表面颜色，物体形状不变。
调暗光线，观察表面的明暗变化。
沿着三角形边线，看看 Geometry 的结构。
让物体随时间转动，观察 Animation。
完整 HTML 示例，包含 Three.js 0.180.0、Scene、Camera、Light、OrbitControls 和 Rendering。形状、颜色、光照、线框与自动旋转采用当前设置；Camera 从默认视角开始，不包含本页的控件面板。复制后可在支持完整 HTML 的在线编辑器运行，或通过 HTTP 服务打开；需要网络访问 CDN 和 WebGL 2。