I want to create a tunnel of particles where, as I scroll, it feels like I’m traveling inside the tunnel, with some div elements appearing along the way. My main challenge is aligning the direction of the particles to match my reference. Currently, when I add particles and apply textures, they app…

Hope this helps: [image] Vitejs - Vite (forked) - StackBlitz Next generation frontend tooling. It's fast! I wrote it using R3F. Feel free to gimme your feedback if it’s what you’re looking for.

How to Align Particles Along the Z-Axis for a Tunnel Effect in Three.js?

Questions

prisoner849 March 22, 2025, 9:28pm 6

Inspired with this topic.
The burst is made of patched fat lines.

Picture:

Demo: https://codepen.io/prisoner849/full/pvoKoGz

PS Not sure, if this is relevant to the topic at all. Apologies in advance. Made it just for fun.

9 Likes

Topic		Replies	Views
Create collision with particles of a 3d model Three.js Questions geometry , shaders	4	4113	July 4, 2019
[React Three Fiber] Particles moving towards viewer Questions geometry , particles , react-three-fiber	2	3157	January 3, 2021
Some small questions, but I can't figure it out Questions animation , particles , events	2	1348	November 8, 2018
Split Image into Particle Tiles Questions particles	13	5853	March 8, 2019
Build Streetview walk animation using ThreeJS Questions textures , materials , panorama , skybox , street-view	2	6359	June 19, 2018

How to Align Particles Along the Z-Axis for a Tunnel Effect in Three.js?

Related topics