A-Frame Particle System with Custom Texture

Technical Support
1

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>
2

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

3

That was it! Thank you so much.