Skip to content

Three.js 简介

Three.js 是一个基于 WebGL 的 3D 图形库,由 Ricardo Cabello 在 2010 四月于 GitHub 首次发布。它让开发者能够轻松地在网页浏览器中创建和展示 3D 内容。

WebGL 是浏览器提供的用于进行 2D 和 3D 图形渲染的底层 API,由于非常底层,开发人员使用时门槛就高,且需要掌握一定的图形学理论知识。Three.js 对 WebGL 的 API 进行了封装和简化,使得开发者可以用更加直观和便捷的方式进行 3D 场景的创建和渲染,从而降低了学习和使用 WebGL 的门槛。

如今用 Threejs 创建酷炫的网页效果、3D 地图、智慧园区等逐渐流行,在学完本专栏后,你将能亲自上手开发出酷炫的特效、精致的场景,复杂的 3D 应用等。

本专栏将按照以下目录进行编写:

目录

快速上手

  • Three.js 介绍
  • 第一个场景
  • 调试工具
  • 加载模型
  • 让场景动起来
  • 面向对象编程

核心概念

  • 场景 Scene
  • 相机 Camera
  • 渲染器 Renderer
  • 网格 Mesh
  • 材质 Material
  • 几何体 Geometry
  • 灯光 Light