Three.js

介绍

Three.js 是一个基于 WebGL 的 3D 图形渲染库，能够帮助你在 Web 环境中创建和渲染复杂的 3D 图形、场景和动画。它封装了底层的 WebGL API，使得 3D 渲染更加简单易用，广泛应用于游戏、虚拟现实、可视化等领域。

基本概念

三要素

• 场景（Scene）：所有 3D 对象的容器，包括物体、光源、相机等。
• 相机（Camera）：视角的设置，决定你从哪个角度看场景。
• 渲染器（Renderer）：负责将场景渲染到屏幕上。

安装 Three.js

CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>

npm

npm install three