Three.js 学习入门

若要探讨Three.js，首先需了解WebGL：

WebGL作为OpenGL在前端的实现形式，而Three.js则是对WebGL的进一步封装，react-three-fiber则是在Three.js基础上进行封装，专门用于React.js前端框架。

通过WebGL，HTML5 Canvas能够获得硬件级别的3D加速渲染能力，这使得Web开发人员可以利用系统显卡，在浏览器中更加流畅地呈现三维场景与模型，并实现复杂的数据可视化与交互式导航功能。

1. react-three-fiber

只用reactjs时更方便的使用threejs，有一些封装好的组建直接就可以用。

项目地址

1.1 threejs的基本构造

• 网格模型即为所呈现的视觉对象
  • 光源指的是照明的位置、强度及方向等参数
  • 相机用于设定观察视角与状态
  • 显然器用于配置图形渲染的具体模式

2. 简单实践

举了一个简单的示例，以达成以下功能