动画与交互

Three.js

在浏览器里直接搭建 3D 场景与实时渲染。

访问官网 GitHub

简介

基于 WebGL 的 3D 图形库，提供相机、材质、光照和几何体的高层抽象，适合产品展示、互动视觉和数据空间化等场景。

安装

npm install three

命令用于快速开始，具体版本与配置请以官方文档为准。

适用场景

制作可旋转的产品 3D 展示
搭建带有材质和光照的场景预览
用粒子或实例化几何做动态背景

特点

3D 场景的核心对象抽象完整
材质、后期和加载器生态丰富
示例与社区资料覆盖大量常见需求

专属示例

真实运行

实例化网格与光照

用 InstancedMesh 绘制数千个实例，配合方向光与环境光渲染，并可拖动改变观察视角。