相机闪光灯在three.js

时间:2014-05-11 05:33:34

标签: javascript three.js

我正在尝试使用three.js创建网站,现在问题是我不知道如何将相机闪光灯实现到three.js,现在我有一个旋转的立方体,我想要4秒后有一个相机闪光灯,我加载了另一页,我有stateTime += delta time,加上基本场景等等,所以如果有任何关于如何在threejs中创建相机闪光效果的建议那么请随意回答!

到目前为止我所拥有的Here is a preview。我要添加的只是相机闪光灯!

1 个答案:

答案 0 :(得分:1)

我一开始就误读了你的问题,以为你想在不同的场景之间切换相机而不是单独的页面,但这个小提琴可能仍然对你有用。

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着色器的修改版本和三个.js的/ examples / js / postprocessing文件夹中的标准EffectComposer)并在两个场景之间循环:红色立方体和蓝色球体。

您可以使用相同的效果来模拟相机闪光灯,除非您需要有两个页面并仅在第二页上实现它。