threejs example reports an error or does not load properly after using postprocessing

[aile1997]

Description of the bug

I've had problems with both of the examples I've used so far, water and lensflares.

To Reproduce

https://threejs.org/examples/#webgl_lensflares
https://threejs.org/examples/?q=water#webgl_water

Expected behavior

They load normally when using threejs' built-in post-processing

Screenshots

Library versions used

• Three:0.150.1
• Post Processing: 6.30.1

[vanruesc]

Three's postprocessing passes are not compatible with this library. You might get them to work if you tinker with their render methods:

THREE.VelocityDepthNormalPass.prototype = Object.assign(THREE.VelocityDepthNormalPass.prototype, {
	initialize: function() {},
	setRenderer: function() {},
	getDepthTexture: function() {},
	setDepthTexture: function() {},
	originalRender: THREE.VelocityDepthNormalPass.prototype.render,
  	render: function(renderer, inputBuffer, outputBuffer, delta, maskActive) {
		this.originalRender(renderer, outputBuffer, inputBuffer, delta, maskActive);
	}
});

[vanruesc]

Closing this as answered.

[aile1997]

Sorry, I just saw it. Thank you very much for your answer. Could you please give me a more detailed example? Or is there a simple way I could render these effects through another channel without any post-processing?

[vanruesc]

Lens flares are on the roadmap #279, but there are currently no plans to add an alternative for water rendering.

Having that said, three's water objects should work with postprocessing no problem. The error you're getting is likely related to a misconfiguration since updateFlow doesn't really do anything special. I'm also not sure what VelocityDepthNormalPass is and what it's doing, but it might also be causing problems.