Repolode
提交项目
mrdoob

mrdoob/three.js

一个用于在浏览器中构建和渲染 3D 场景的 JavaScript 库，基于 WebGL 与 WebGPU。

在 GitHub 查看官网
Star
116,683
Fork
36,715
未关闭 Issue
392
最近提交
12小时前

这是什么？

Three.js 是一个通用的 JavaScript 3D 库，目标是在各类浏览器中保持易用且轻量。它提供场景、相机、几何体、材质和渲染器等抽象，开发者无需直接编写原始 WebGL 代码即可创建 3D 内容。

核心版本包含 WebGL 和 WebGPU 渲染器，SVG 与 CSS3D 渲染器则以附加组件形式提供。入门示例创建一个场景、相机和立方体，并通过渲染循环使其动起来。

项目以 npm 包 "three" 的形式发布，也可以直接在浏览器中引入使用。官网提供示例、API 文档和使用手册。

核心功能

  • 01包含相机、几何体、材质和网格的场景图
  • 02核心版本支持 WebGL 与 WebGPU 渲染器
  • 03SVG 与 CSS3D 渲染器以附加组件形式提供
  • 04可通过 npm 安装，也可直接在浏览器中使用

适用场景

  • 在网页中构建交互式 3D 可视化或产品展示器
  • 开发基于浏览器的小游戏或动画 3D 场景
  • 开发面向 AR 与 VR 设备的 WebXR 体验

快速上手

  1. 1

    浅克隆仓库以减小下载体积

    git clone --depth=1 https://github.com/mrdoob/three.js.git
  2. 2

    在 JavaScript 文件中导入 THREE，并按照 README 用法示例创建场景、相机和 WebGL 渲染器

  3. 3

    在浏览器中打开页面，查看旋转的立方体

使用前须知

  • 克隆包含全部历史的完整仓库约需下载 2 GB。

标签

#webgl#webgpu#3d#graphics#javascript#webxr#rendering#augmented-reality#canvas#html5

常见问题

three.js 是什么？
一个用于在浏览器中构建和渲染 3D 场景的 JavaScript 库，基于 WebGL 与 WebGPU。 Three.js 是一个通用的 JavaScript 3D 库，目标是在各类浏览器中保持易用且轻量。它提供场景、相机、几何体、材质和渲染器等抽象，开发者无需直接编写原始 WebGL 代码即可创建 3D 内容。
three.js 可以免费使用吗？用的什么许可证？
three.js 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
three.js 还在维护吗？
活跃维护中。three.js 最近一次提交是在 2026年10月20日。
three.js 适合用来做什么？
在网页中构建交互式 3D 可视化或产品展示器 开发基于浏览器的小游戏或动画 3D 场景 开发面向 AR 与 VR 设备的 WebXR 体验
three.js 怎么安装和运行？
浅克隆仓库以减小下载体积: git clone --depth=1 https://github.com/mrdoob/three.js.git 在 JavaScript 文件中导入 THREE，并按照 README 用法示例创建场景、相机和 WebGL 渲染器 在浏览器中打开页面，查看旋转的立方体
在哪里获取 three.js？
源代码和安装说明在 GitHub 上：https://github.com/mrdoob/three.js

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目