Three.js 中的相机闪光灯答案

【问题标题】：Camera flash in three.jsThree.js 中的相机闪光灯
【发布时间】：2014-05-11 05:33:33
【问题描述】：

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

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

【问题讨论】：

标签： javascript three.js

【解决方案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 着色器和位于 three.js 的 /examples/js/postprocessing 文件夹中的标准 EffectComposer）并在两个场景之间循环：一个红色立方体和一个蓝色球体。

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

【讨论】：