Hi team, I was looking to create a Harry Potter spell like effect using Three JS. I’m not sure where to start. I’m guessing this require shaders, but I’m a noob there. (I want to make it cool ad realistic). Help!

Hello @Nikhil_Shaji I’m so excited. could you post something like the image you want to create here? let’s discuss in detail after seeing that.

[potter_a] I’m looking for building this kind of effect using Three JS

You should be able to use just a simple Line / PolyLine geometry, or a Plane with a pretty VFX scrolling texture, and apply bloom postprocesing to it. May be helpful too: ref1 , ref2

of course, material is important and it would be also important that you should look for a good solution in lightening strike geometry. I remember I saw related thread somewhere…

this is kind of what I want, but not sure how they made it. Looks like shaders is the way to go, but I’m not much an expert in shaders.

First solutuion: lines with bloom three.js webgl - lightning strike GitHub - yomboprime/lightning_strike_demo: 3D lightning strike demo in Three.js Second solution: stretched plane or sprite with cylindrical rotation to camera. [image]

[image] Nikhil_Shaji: [potter_a] Particles/points, maybe? [image] Red Core (wrap around cylinder) Resources Hi community! Picture: [изображение] Demo: https://fdfyft.csb.app/ The origin of this demo: How do I wrap object around a cylinder in ThreeJS? - #9 by pr…

lovely example as ever! did you use the once available LightningStrike Geometry class as previously part of three’s examples for that? not sure the reason it was removed but the LightningStrike example could be a good starting point to revamp and modify as a base for @Nikhil_Shaji ’s use case also ma…

Oh, yes, I knew about that class and I wanted to use it in that scene, but, as usual, I decided to do it my way :sweat_smile:

Resurrected lightning storm example from Threejs ~r152 [image] three.js webgl - lightning strike SBCODE Editor : A small light weight editor for creating demos and sharing

Light/Spell beam as in Harry Potter

Questions

prisoner849 January 4, 2024, 2:13pm 8

Particles/points, maybe?

Topic		Replies	Views
Stream of light using threejs Questions textures , materials , geometry , animation , threejs	11	2701	February 23, 2020
Creating shader effects using threejs, flame, tongues of flames, light lines from center into up Questions shaders	1	635	May 25, 2025
Looking for someone to help teach me lighting Jobs	23	6253	April 22, 2020
How to import LightningStrike Geometry in threejs? Questions geometry	2	1432	March 25, 2025
Volumes with space-dependent light intensity Questions lighting	25	5562	June 9, 2018

Light/Spell beam as in Harry Potter

Related topics