Where to start with adding post processing and image effects?

I have this error with your code :

by user 224464722878005248

TypeError: Cannot read properties of null (reading ‘isCamera’)

by user 224464722878005248

Did you add the camera here?
unknown.png

by user 103054507105067008

Then try holding alt key on the play button to do a full export and play

by user 103054507105067008

Oh gad
Thanks

by user 224464722878005248

It work a bit too good aha
Thanks ! very uch !

by user 224464722878005248

Why can you not access the camera using this.context.mainCamera ?

probably can lol

by user 103054507105067008

Updated script, most welcome to use it for samples or anything else!
PostProcessing.ts

by user 103054507105067008

Nice, thanks

It’s also really easy to use GUI from three/examples/jsm/libs/lil-gui.module.min.js to change values in real time with sliders on top of this for prototyping, using it for client feedback at the moment and they love it!

by user 103054507105067008

Version with GUI sliders added
PostProcessing.ts

by user 103054507105067008

Very important to note that changing the this.context.composer seems to break XR views, I have made an issue for this here:
https://github.com/needle-tools/needle-engine-support/issues/101

by user 103054507105067008

Hey, thanks very much for sharing this @ROBYER1. It really helped me get started.
Now I have some questions looking at the source.
It seems to me that this.renderer is assigned to but never used. Am I missing something here?
The reason I’m asking is that I’m having a hard time implement ToneMapping from the example.
https://threejs.org/examples/?q=tone#webgl_tonemapping

by user 732122195614105653

For tonemapping you can just use the Volume postprocessing in Unity :slightly_smiling_face:

Tonemapping + PostExposure are currently implemented
image.png

Using URP Volume right?

by user 732122195614105653

Yes

Awesome! Thanks

by user 732122195614105653

Is Tonemapping Neutral working okay? About to test

by user 103054507105067008