跳到主要内容

介绍

Three.js 是一个基于 WebGL 的 3D 库,可以通过 JavaScript 创建和显示 3D 对象。

WebGL 是 HTML5 标准的一部分,用于在浏览器中渲染 3D 图形,需要开发者掌握 JavaScript 和 GLSL ES(着色器编程,Graphics Library Shading Language)。

如果不使用 Three.js 的话,开发者需要从底层 WebGL 去写起。

3D 的学习路径,先从 Three.js 开始。

Three.js 的官方文档网站在国外,访问不方便,可以 clone 仓库到本地:

git clone https://github.com/mrdoob/three.js。

安装依赖 npm install 并启动 npm run start

Local Three.js

其中我们可以关注几个有用的目录:

  • examples 是示例。
  • docs 是 API。
  • manual 是教程。
  • editor 是编辑器,可以在线编辑元素、相机、灯光等,查看效果。

Editor