小编zoo*_*oom的帖子

Three.js 将 StereoEffect 与 FXAA ShaderPass 相结合

我使用 Three.js StereoEffect 创建了一个 Google Cardboard 场景

effect = new THREE.StereoEffect(renderer);
effect.render(scene, camera);
Run Code Online (Sandbox Code Playgroud)

现在我想通过 FXAA Shader 运行它以平滑输出。我知道我可以使用 EffectComposer 来做到这一点:

renderScene = new THREE.RenderPass(scene, camera);
effectFXAA = new THREE.ShaderPass(THREE.FXAAShader);
effectFXAA.uniforms['resolution'].value.set(1 / (window.innerWidth * dpr), 1 / (window.innerHeight * dpr));
effectFXAA.renderToScreen = true;

composer = new THREE.EffectComposer(renderer);
composer.setSize(window.innerWidth * dpr, window.innerHeight * dpr);
composer.addPass(renderScene);
composer.addPass(effectFXAA);
composer.render();
Run Code Online (Sandbox Code Playgroud)

这使图像变得平滑,但是我不知道如何将其与立体效果视图结合起来。

javascript webgl three.js

2
推荐指数
1
解决办法
1856
查看次数

标签 统计

javascript ×1

three.js ×1

webgl ×1