【文件属性】:
文件名称:Three 之 three.js (webgl)透视视角和正交视角,以及透视转正交的视角切换代码
文件大小:1.27MB
文件格式:ZIP
更新时间:2022-05-02 19:51:43
javascript threejs webgl 正交 透视
参考博文:Three 之 three.js (webgl)透视视角和正交视角,以及透视转正交的视角切换
https://blog.csdn.net/u014361280/article/details/124544320?spm=1001.2014.3001.5501
一、简单介绍
Three js 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。
本节介绍, three.js (webgl)透视视角和正交视角,并且实现简单把当前透视角转为正交视角,然后在切换回来的透视视角的原理案例,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。
二、实现原理
1、场景构建三要素,scene、camera 和 renderer
2、其中 camera ,会根据需要先创建一个透视camera,然后根据转换,切换到正交camera
3、然后通过 renderer 中 透视camera 或者 正交camera 视角渲染,从而实现透视视角转为正交视角 view 的渲染
【文件预览】:
PersCameraToOrthCamera.html
Readme.txt
js
----RGBELoader.js(12KB)
----lil-gui.module.min.js(28KB)
----OrbitControls.js(25KB)
----three.module.js(1.13MB)
src
----venice_sunset_1k.hdr(1.33MB)