Three.js

threejs.org又名 threejs

开源的 JavaScript 3D 图形库,封装 WebGL,内置几何体、材质、灯光与动画系统,可加载 glTF 模型并写着色器,配套在线编辑器和大量可运行示例,适合前端开发者在网页里搭出旋转的产品模型或小游戏场景。

工具免费不用登录网页英文开源国内可直接访问

Three.js 首页截图

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。

替代品 全部 6 个 →

收录于 2025 年 10 月 · 更新于 11 月 8 日 · 本站 11 月 8 日 检测 · 浏览 220 · 报告问题

替代品 6 个打开官网threejs.org