由于公司项目,最近在是用Electron做视频会议室,所以就用到了webgl,而我选择了使用Three.js做为
开发框架。因为在视频渲染上面遇到了一些问题,好不容易研究出来了,所以写在这边,怕忘了。
首先是camera的设置:
THREE.PerspectiveCamera(90,this.container.width/this.container.height,1,4000);
1.第一个参数是角度,我之所以设置为90,是因为90/2=45,相当于对边等于邻边。而在相机中邻边相当于camera的z轴大小,
而对面则是1/2的可视区域高度,记住是高度。
2.第二个参数是宽高比,是可视区域的宽高比,通过第一个参数,我们可以通过设置z轴,从而获得可视区域的高度,
通过宽高比,我们就可以知道可视区域的宽度。
3.第三个参数和第四个参数表示物体的存在空间,相当于房子的前门和后面,数值表示前门和后面离相机的距离,第四个参数必须要大于
第三个参数。并且要保证这个房子能把物体放进去。
只要理解上面几个参数,应该就能控制相机的可视区域了。