How to create sparks effect

Any ideas how to create like a sparks effect?

This is my attempt to do it: Babylon.js Playground

It is really really simple. I think what it lacks is the trail effect, gravity(optional) and maybe some glow effect with a glow layer.

1 Like

This is awesome! You could try adding some color randomization, and I do think a glow layer would help. Keep up the good work!

1 Like

Also…
Here is a quick pg with some random colors for the whole system:

I think random color variation for individual particles could be really cool, though that might not be implemented in the engine yet.

2 Likes

Also there’s a tutorial here on particle systems that has a trail effect and then an explosion that could help. :slight_smile: There’s another nice one with a fireball trailer too but I forgot to bookmark it, maybe I can find it again…

Edit: here it is, there’s several particle systems, the one for the fireballs has nice trailing and gravity effects IMO. It’s created with the particle helper, but you can find/save the settings for that particle system in the Inspector after pressing spacebar to start the explosion :slight_smile:

3 Likes

Nice! It looks great.

1 Like

This is what I came up with:

I still think it lacks glow and trails so it can feel more realistic.

1 Like

A quick search by ā€œglow particleā€ on the forum leads to this great topic :slight_smile: Glowing particles - Tutorials and tips - Babylon.js (babylonjs.com)

2 Likes

these are really nice looking
.https://playground.babylonjs.com/#NIHF76#2

here is a video and playground for using the nme to create particles.

Besides the NME video and example, there is also a 3 part series on the babylon youtube channel for the particle editor.

here are some reference images of sparks. your pg kind of reminded me of industrial style sparks, so that was kinda what i was going for.

google search ā€œweldā€

google search ā€œmetal saw sparksā€
image

4 Likes

I’m sorry to o


pen up the topic a year ago, how to achieve this electric spark effect,

Please avoid posting in multiple threads for a same topic. It won’t make the answers faster nor more accurate. All it does is ā€˜dilute’ the topic among multiple posts. I have linked your question to this thread.
Now you just need to wait for others to give you their approach to it (as I said, there are multiple approaches to it) :smiley: Meanwhile, have a great day :sunglasses:

Linked to:

1 Like

Sparks without smoke is boring… :slight_smile:

Smoke Effect | Babylon.js Playground (babylonjs-playground.com)

2 Likes

Totally agree. :+1:

1 Like

upgrade

Smoke & Sparks Effect | Babylon.js Playground (babylonjs-playground.com)

3 Likes

Could you slow that down a little, and point the extra particles to float up? You almost have a campfire there!

1 Like

Sure!

Smoke & Sparks & Lights Effect | Babylon.js Playground (babylonjs-playground.com)

There is a bug in the trail.


Version 2 without TrailMesh

Smoke & Sparks & Lights Effect Vers 2 | Babylon.js Playground (babylonjs-playground.com)

2 Likes

Agreed. The effect is not there for me in this PG and is also fairly complex for something that could remain rather ā€˜simple’ (my opinion, of course). On the other, I don’t think it’s ours to actually create the FX. I believe a combination of smoke, particles and eventually either spritesheet or uv anim or greasedLines for the spark. Eventually parts of all in a node material… would certainly make for a good effect.

2 Likes