Light tunnel background animation

Hey Guys, I need help with understanding how to achieve background animation similar to this website

https://titancapital.au

It has cool background animation which plays on scroll. I am new to threejs and animations, wanted to know if there is some tutorial which can help me learn this animation or some resources I can explore.

These two tutorials should help with the visuals:
https://tympanus.net/codrops/2023/03/22/cyberpunk-inspired-three-js-scene-with-javascript-and-blender/
https://tympanus.net/codrops/2019/11/13/high-speed-light-trails-in-three-js/

When you have something that looks like what you want to do, you can then look into animating it on scroll.

2 Likes

Thanks a lot Arthur,

These tutorials you shared should help. Do you know any tutorial for Text reveals as well?

Does that need threejs as well, I feel i might be able to do it using gsap animations.