Hello, everyone! I’m studying Three.js, specifically WebGLRenderTarget, to create a website with impressive transitions between scenes. I’ve reached a point where I can switch between scenes, but now I’m facing a new challenge. I’m trying to apply a shader effect when transitioning between scenes,…

Here is a example that does what you’re asking for: https://www.dm.unibo.it/~casciola/three.js-master/examples/webgl_postprocessing_crossfade.html And a video tutorial that uses the same concept to do something new: [Transition Effect with THREE.js]

I tried a lot to make the same effect but based in click events and I’m getting a lot of bugs. Do you know any content using the same logic but with transitions triggered but clicks?

I’m looking for something like what happens in this website: [image] < Our brand-new website > ohzi.io ice_cube lots of shaders and cool effects Showcase Hi there, this is the link https://ohzi.io We’re about to release our new website build almost entirely with ThreeJS.…

you can create a transition from scene1 yo scene 2 having 3rd scene. Turn on scene 3, turn scene 1 off, turn on scene 2 on, turn off scene 3. Scene 3 needs to render on top of everything.

How to create RenderTarget transition using Shaders?

Questions

iHast June 4, 2024, 2:31am 5

I’m looking for something like what happens in this website:

Topic		Replies	Views
Why the scene don't update? Questions textures , shaders , render-target , customtransitions	2	386	June 4, 2024
Is it possible to make something like photoshop filters or etc. to change my 3D model view? Questions shaders	2	538	October 2, 2023
Transition effect between multiple scenes Questions	13	2590	July 24, 2024
Transition effect Questions animation	9	5314	September 6, 2021
Shader with Three.js Questions shaders	4	632	October 2, 2023

How to create RenderTarget transition using Shaders?

Related topics