A-Frame Particle System with Custom Texture

Hi!

How do I create a particle system with a custom texture?

I have tried adding the image as an asset first:

<a-assets>
    <img id="particle-texture" src="./assets/particle.png">
</a-assets>

<a-entity position="1 0 0"
    particle-system="preset: dust;
	    particleCount: 1500;
	    texture: #particle-texture"></a-entity>

and then also just the file path directly:

<a-entity position="1 0 0"
    particle-system="preset: dust;
	    particleCount: 1500; 
	    texture: ./assets/particle.png"></a-entity>
1 Like

I believe you need to use an absolute path instead of a relative path. If you open up the asset preview, right click the image and “copy full image URL” you can try to use that instead of the relative path

1 Like

That was it! Thank you so much.

1 Like

This topic was automatically closed 4 days after the last reply. New replies are no longer allowed.