2014-05-11 2 views
0

three.js을 사용하여 웹 사이트를 만들려고하고 있습니다. 이제 카메라 플래시를 구현하는 방법을 모르겠지만 three.js에 큐브가 있습니다. 몇 초 안에 다른 페이지를로드하는 카메라 플래시가 있습니다. stateTime += delta time 플러스 기본 장면 등이 있으므로 3JS에서 카메라 플래시 효과를 만드는 방법에 대한 제안 사항이 있으면 언제든지 자유롭게 답장하십시오!three.js의 카메라 플래시

Here is a preview 내가 지금까지 가지고있는 것 중. 추가하고 싶은 모든 것은 카메라 플래시입니다!

답변

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/사후 폴더에 표준 EffectComposer를 사용하여 "카메라 플래시"(초기화 .js)와 두 장면 (빨강 큐브와 파란색 구) 사이를 순환합니다.

동일한 효과를 사용하여 카메라 플래시를 시뮬레이트 할 수 있습니다. 단, 두 페이지가 있어야하고 두 번째 페이지에만 구현해야합니다.

관련 문제