javascript - Three.js 中的相机闪光灯

Question

我正在尝试使用 three.js 制作一个网站，现在的问题是我不知道如何在 Three.js 中实现相机闪光灯，现在我有一个旋转的立方体，我希望 4 秒后在我加载的地方有一个相机闪光灯另一个页面，我有 stateTime += delta time，加上一个基本场景等，所以如果有任何关于如何在 Threejs 中创建相机闪光效果的建议，请随时回答!

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

Answer 1

一开始我误读了你的问题，以为你想在不同场景之间切换时使用相机闪光灯而不是单独的页面，但是这个 fiddle 可能仍然对你有用。

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)并在两个场景之间循环:一个红色立方体和一个蓝色球体。

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