threeJs相机

此篇将threeJs相机的使用做一下记录,简单的封装为vue组件,以备参考。
之后慢慢完善此文。

一、立方相机cubeCamera

cubeCamera,构造一个包含6个PerspectiveCameras(透视摄像机)的立方摄像机,并将其拍摄的场景渲染到一个WebGLCubeRenderTarget上,生成目标纹理(WebGLCubeRenderTarget.texture)。
render target是一个缓存,缓存显卡为正在后台渲染的场景绘制的像素。被用于不同的效果,例如用在一个图像渲染到屏幕上之前先做一些后期处理。
此处,将WebGLCubeRenderTarget.texture作为某个具有envMap属性材质的模型的环境贴图,即此模型反射的环境图案。

CubeCamera.vue



注意:光源与两个模型的位置关系

效果图:
threeJs相机_第1张图片

你可能感兴趣的:(threeJs相机)