Adding effects in three.js while using stereo-effect

[tjoen]

First of all, thanks for the great software,
I will probably make a tutorial on how to use it in opentoonz later.

Right now I'm coding a VR app in three.js, and I am using your excellent library. I've implemented it into my game, and it seems to work pretty good. I am having a bit of trouble with changing mesh textures, when the effects are running though, but I already found a fix for that. (Using sprites seems to work, so I changed the textured meshes into sprites.)

My biggest problem lies in the fact that when I use the stereo effect of three.js the effekseer effects are only visible in just one of the two render windows. In my case the right renderwindow.

Do you have a suggestion for a fix for that problem?

Kind regards, Theun

[ueshita]

Hello Theun.
I glad to you use our library!

This problem is a little difficult.
I guess you are using StereoEffect.js.

Effekseer needs to draw() two times in VR apps.
However, StereoEffect.js has no function that render hook....

Could you modify StereoEffect.js?
Please try following change.

Original StereoEffect.js code

this.render = function ( scene, camera ) {

Modified StereoEffect.js code

this.render = function ( scene, camera, onpostrender ) {

Original StereoEffect.js code

renderer.setScissor( 0, 0, _width, _height );
renderer.setViewport( 0, 0, _width, _height );
renderer.render( scene, _cameraL );

renderer.setScissor( _width, 0, _width, _height );
renderer.setViewport( _width, 0, _width, _height );
renderer.render( scene, _cameraR );

Modified StereoEffect.js code

renderer.setScissor( 0, 0, _width, _height );
renderer.setViewport( 0, 0, _width, _height );
renderer.render( scene, _cameraL );
onpostrender( _cameraL );         // Added

renderer.setScissor( _width, 0, _width, _height );
renderer.setViewport( _width, 0, _width, _height );
renderer.render( scene, _cameraR );
onpostrender( _cameraR );         // Added

Original your code (maybe)

effect.render( scene, camera );
effekseer.draw();

Modified your code

effect.render( scene, camera, function( camera ) {
  effekseer.setProjectionMatrix(camera.projectionMatrix.elements);
  effekseer.setCameraMatrix(camera.matrixWorldInverse.elements);
  effekseer.draw();
} );

Thanks.

[tjoen]

Thank you for your reply!

But I seem to be missing the onpostrender function you are using?
That function is not in my effekseer.min.js, three.js or other js files.
I suppose it is a unity3d function.

[ueshita]

onpostrender is your variable added to arguments at "render" function in StereoEffect.js.
It is called after each renders (two times).