Using it in Three.js

[barnabasbartha]

Hi everyone. This article series looks promising. Have someone implemented one of these in Three.js? I'm interested in the SSAO especially. In this case I would ask for details before doing it all myself.
Thanks.

[lettier]

Hello @BarthaBRW,

I am working on a web version of the included demo. I hope to finish that soon. Still, I wouldn't let the example code get in your way. Each algorithm is explained in a step-by-step, straightforward manner so that you can implement it for whatever game engine, framework, or library you're using.

If you're looking for a drop-in solution, Three.js does come with its own SSAO example.

• https://github.com/mrdoob/three.js/blob/7e0a78beb9317e580d7fa4da9b5b12be051c6feb/examples/js/postprocessing/SSAOPass.js
• https://github.com/mrdoob/three.js/blob/7e0a78beb9317e580d7fa4da9b5b12be051c6feb/examples/js/shaders/SSAOShader.js
• https://threejs.org/examples/?q=ssao#webgl_postprocessing_ssao

👍

[barnabasbartha]

The built-in SSAO didn't work for me so I might implement my own version according to your guide. Thanks

[gonnavis]

I am working on a web version of the included demo.

@lettier Hello Lettier, thank you so much for the tutorial!
How about the web version? I have many problems to run the Panda3D demo with Visual Studio.

[gonnavis]

demo
I'm making my own migrating to three.js at my fork's three.js branch.
Now just partially support diffuse & screen-space-reflection.
I intend to make a pr when more complete.