四时宝库

程序员的知识宝库

前端迈进3D时代-Three.js初识(前端做3d效果的视图技术)

初识

[Three.js](https://threejs.org/) 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景。

Three.js学习之前,我们需要了解他的三个关键对象:

1. 场景(场景对象是所有不同对象的容器,也就是说该对象保存所有物体、光源、摄像机以及渲染所需的其他对象)

2. 相机(Camera相当于人的眼睛,从坐标的那个视点去观察目标,相当于投影出立体感。)

3. 渲染器(渲染器可以视为是canvas标签,相机可以视为画布。注意画布和canvas标签不是同一个东西,canvas标签是画布的容器。画布就好比一张图片,而canvas标签就像img标签)

相机视角

相机位置

`camera.position.x`改变相机位置

示例详解

实现效果:

总结

第一章课程就到这里结束了,总结一下,知道三个关键对象(Scene、Camera和Renderer),清楚相机的作用。

公告

演示地址,请点击下方“了解更多”!

更多资源敬请关注!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接