Three.js
threejs.org又名 threejs
开源的 JavaScript 3D 图形库,封装 WebGL,内置几何体、材质、灯光与动画系统,可加载 glTF 模型并写着色器,配套在线编辑器和大量可运行示例,适合前端开发者在网页里搭出旋转的产品模型或小游戏场景。
工具免费不用登录网页英文开源国内可直接访问

Three.js 是一个跑在浏览器里的 JavaScript 3D 库。网页要显示旋转的产品模型、数据可视化里的立体图形,或者一个小游戏场景,可以直接用它的接口把几何体、材质、灯光、相机组织起来,交给 WebGL 渲染,不用从底层图形 API 写起。
主要功能
库本身覆盖了 3D 场景的常见零件:内置多种几何体和材质,支持加载 glTF 等模型文件,带阴影、后处理、动画系统。页面上的 examples 目录放了大量可运行示例,从基础场景到着色器效果都有,改改参数就能看效果。r187 版本还提供 TSL 节点材质指南,方便写自定义着色逻辑。
上手与配套
官方文档从「创建一个场景」讲起,按步骤带人跑通第一个 3D 页面。Tools 里有 devtools 和在线 editor,可以在浏览器里搭场景、调参数。代码托管在 GitHub,可下载压缩包或克隆仓库,社区有论坛、Discord 和问答区,遇到问题能找到人。
适合谁
前端开发者、做交互展示和创意网页的人,以及需要把 3D 内容嵌进网站的学生和独立开发者。它面向会写 JavaScript 的人,纯设计背景的用户上手会有门槛。
常见问题
Three.js 收费吗?
Three.js 免费使用。
用 Three.js 要登录吗?
不用登录就能用。
Three.js 国内能访问吗?
本站 11 月 8 日 检测,Three.js 在国内可以直接访问。
Three.js 有哪些平台 / App?
支持 网页。
Three.js 的替代品有哪些?
本站整理了 6 个替代品,例如 PlayCanvas、Orillusion、TresJS、TvT.js。