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

Chaser_Code March 22, 2025, 3:46pm 4

https://codepen.io/illuminsi/pen/PwoaYNZ

3 Likes

Topic		Replies	Views
Not able to convert Particles into texts Questions geometry , animation , particles	1	232	August 29, 2024
Scale X and Y in Points shader Questions textures , shaders , react-three-fiber	10	817	July 18, 2023
Make particles follow a path - issues Questions transform , path	13	2291	April 21, 2023
Rotate full animation direction Questions animation	0	511	December 5, 2022
[React Three Fiber] Particles moving towards viewer Questions geometry , particles , react-three-fiber	2	3243	January 3, 2021

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

Related topics