Javascript 3.js中的照相机闪光灯

Javascript 3.js中的照相机闪光灯,javascript,three.js,Javascript,Three.js,我正在尝试使用创建一个网站,现在的问题是我不知道如何将一个照相机闪光灯实现为three.js,现在我有一个立方体在旋转,我想在4秒钟后有一个照相机闪光灯,在那里我加载另一个页面,我有stateTime+=delta time,还有一个基本场景等等,因此,如果有任何关于如何在3J中创建照相机闪光灯效果的建议,请随时回答 到目前为止我所拥有的一切。我只想加一个闪光灯 我一开始误解了你的问题,以为你想在不同场景之间切换时使用闪光灯,而不是单独的页面,但是这把小提琴可能对你仍然有用 单击结果页面后,它

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


到目前为止我所拥有的一切。我只想加一个闪光灯

我一开始误解了你的问题,以为你想在不同场景之间切换时使用闪光灯,而不是单独的页面,但是这把小提琴可能对你仍然有用

单击结果页面后,它会启动一个“照相机闪光灯”(使用修改版本的colorify着色器和标准EffectComposer(位于/examples/js/postprocessing文件夹中的three.js中),并在两个场景之间循环:一个红色立方体和一个蓝色球体

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

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