📄️ 简介

three

📄️ 安装

你可以通过 npm 安装相应模块：

📄️ 基础

首先需要一个渲染器（ Renderer ）。传入一个场景（ Scene ）和摄像机（ Camera ）到渲染器，然后将摄像机视锥体的三维场景渲染成一个二维图片显示在画布（ canvas ）上。

📄️ 响应式

将摄像机（ Camera ）的 aspect 属性设置为画布的宽高比，可防止变形：

📄️ 图元

图元是构成成像的基础，通过图元的构建才能有实体展示。

📄️ 场景图

three 的核心就是场景图（ scene graph ）

📄️ 材质

zh/materials)

📄️ 纹理

纹理是附着在表面的东西，可以避免只用简单的颜色，让效果更加好：

📄️ 光源

模拟光照着物体上，影响光照与光源、材质有关。

📄️ 观测点

在 three 中，最常用的是是透视摄像机，可以产生一个类似眼观的 3D 视觉效果。

📄️ 阴影

阴影需要配置多个地方，包括渲染器（ renderer ）、灯光（ light ）、网格（ Mesh ）都需要开启其相应的阴影设置。而且，材质也影响了阴影的效果。