我正在尝试使用three.js
创建网站,现在的问题是我不知道如何将相机闪光灯实现为three.js
,现在我有一个旋转的立方体,并且我希望在4秒钟后出现一个在我加载另一页的相机闪光灯上,我有stateTime += delta time
,还有一个基本场景等,因此,如果对在threejs中创建相机闪光灯效果有任何建议,请随时回答!
到目前为止的Here is a preview。我要添加的只是一个相机闪光灯!
最佳答案
首先,我误解了您的问题,以为您希望在不同场景之间切换时而不是在单独的页面之间切换时使用相机闪光灯,但是这种小提琴可能仍然有用。
http://jsfiddle.net/T4BDM/1/
composer = new THREE.EffectComposer(renderer);
renderPass = new THREE.RenderPass(scenes[sceneIndex], camera);
composer.addPass(renderPass);
colorifyPass = new THREE.ShaderPass(THREE.ColorifyShader);
colorifyPass.uniforms["color"].value.setRGB(0, 0, 0);
composer.addPass(colorifyPass);
var copyPass = new THREE.ShaderPass(THREE.CopyShader);
copyPass.renderToScreen = true;
composer.addPass(copyPass);
// see fiddle itself for camera flash logic
单击结果页面后,它将启动“相机闪光灯”(使用可修改版本的colorify着色器和在three.js的/ examples / js / postprocessing文件夹中找到的标准EffectComposer)并在两个场景之间循环:一个红色立方体和一个蓝色的球体。
您可以使用相同的效果来模拟相机闪光灯,除非您需要两页并仅在第二页上实现。