Three.js 学习记录(1)----预备知识

一、Three.js的四大组件

1、场景(scene)

场景就是舞台,可以把显示的东西放在场景的任何位置.
THREE.Scene = function()

2、相机(camera)

拍摄场景里的对象将其展现在浏览器中。

  • 透视相机:符合人们的心理习惯,近大远小的观察习惯。
  • 正投影相机:远小近大,与人眼睛观察一致。
//定义一个相机
THREE.PerspectiveCamera = function(fov,aspect,near,far)

视锥体几个参数:

Three.js 学习记录(1)----预备知识_第1张图片
camera

  • 视角:可理解为眼皮的和水平夹角的大小。
  • 近平面:相机最近的看到的最近距离
  • 远平面:相机能看到的最远距离
  • 纵横比:宽度/高度

3、渲染器

计算的过程称为渲染。WebGLRenderer()。

4、几何体

网络模型,出现在场景中的对象。

最后几个组件的关系:

Three.js 学习记录(1)----预备知识_第2张图片
threeobject

你可能感兴趣的:(Three.js 学习记录(1)----预备知识)