这篇博客介绍了threejs的基本要素，包括场景、相机、灯光、几何体和材质，以及渲染器的作用。通过理解这些概念，可以创建接近现实的三维场景。文中提到了相机的两种类型——正交相机和透视相机，以及各种类型的灯光，如环境光、方向光等。此外，还讨论了几何体和不同材质的使用，如MeshBasicMaterial和MeshStandardMaterial。最后，作者分享了一个训练营中的demo代码，展示了实际应用。
第一次接受threejs的实战，大受震惊。感觉有点神奇，和现实比较接近，所以研究记录下。
现实生活中我们看到的物品，我们需要环境、物体、光源、眼睛、物体材质，这样才能在现实生活中看到画面，那这些在threejs中是怎么实现？其实这些在threejs中都有对应的api去实现，这样才能看起来接近现实。下面学习下...
Threejs 的基本要素
- 场景 相当于现实生活中环境
const scene = new THREE.Scene();- 相机 相当于现实生活中眼睛
相机用来确定位置、方向、角度，相机看到的内容就是我们最总在屏幕上看到的内容
threejs中相机有两种： 正交相机和透视相机（更接近于人眼看到的效果）
正交相机：远近一样大
透视相机：近小远大
const camera = new THREE.PerspectiveCamera(45, width / height, 1, 1000);- 灯光
光源，有了光才能看到画面
Ambient Light 环境光
Directional Light 方向光
Point Light 点光源（电灯泡）
Spot Light 聚光灯（手电筒、汽车灯
最低0.47元/天 解锁文章
283
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
