BaseAssetsUrl does not change image path for ParticleHelper

Bugs
1

Hello,

When I use the BABYLON.ParticleHelper and change the BABYLON.ParticleHelper.BaseAssetsUrl to use json files locally, it works for json files but not for images.

Even by creating our own json files with our own images, they will be search on this link:
_rootUrl: "https://assets.babylonjs.com/particles/textures/"
instead of a local link

I don’t make a PG, because it will work, since the image search in the PG will point to the right link

2

You might need to change it as well in BABYLON,.ParticleSystemSet.BaseAssetUrl

1 Like
3

Ah. I will try that.
I’ll come back and say if it worked.

4

No it does not change. the path always points to the Babylon assets

5

would be great if you could share a PG with the JSON and code you use so that I can try to point it at someting else to try and catch the culprit ?

6

i have not used that property but i have loaded local json files for the particle system and updated a texture using a local path :

var p = new BABYLON.ParticleHelper.ParseFromFileAsync(null, "./brain3dapplication/systems/question2.json", this.scene, false).then(system => {
            this.questionParticles = system;         
            system.particleTexture = new BABYLON.Texture("./brain3dapplication/assets/images/question_particle.png", this.scene);
            system.updateSpeed = 0.01;
            system.targetStopDuration = 1;
            system.emitRate = 30;
            system.start();
          

        });
1 Like
7

I don’t have a server to host the json file.

What I do locally, I change the images of rain.json to make snow instead of rain.

And when I load locally the image is non-existent because the path points to Babylon’s assets.

I have prepared a beginning of PG, but I am missing the json file hosting that I do not have.
Locally I use EsayPHP. (I hope to take over a dedicated server in the year 2023)

8

I tried as @shaderbytes suggests to assign the textures after loading.

It worked like this, but we load a json file locally, the images entered in this json file should be local too, right?. Why should we load a ‘rain.json’ file for example and redefine the texture to something else.

When you load from the PG fire.json, it will look for the corresponding textures without having to redefine the images of the fires.

I don’t think redefining the textures like that is the real solution.

BABYLON.ParticleHelper.CreateAsync("rain", scene, false).then((set) => {
        set.systems[0].particleTexture = new BABYLON.Texture("./textures/Snow.png", this.scene);
		set.systems[1].particleTexture = new BABYLON.Texture("./textures/Snow.png", this.scene);
        set.start();
    });
9

I ran into this issue as well - see how I worked around it Here

I know you already tried similar, but HTH!

2 Likes
10

Thanks jelster. You confirm that there is indeed a problem. I’d rather not use any hack that could be patched directly in the engine I guess.

11

Not sure there is a problem as this is working : https://playground.babylonjs.com/#XQ8H3C#33

image
image1321×146 16.9 KB

You can notice the double slash in the url as it has been defined for both json and assets.

12

I don’t quite understand this double slash.
In a local link I have no http.

BABYLON.ParticleHelper.BaseAssetsUrl = "../_Projects/Demo/Data/Emitter_Configs/";

do i have to do ?

BABYLON.ParticleHelper.BaseAssetsUrl = "../_Projects/Demo/Data/Emitter_Configs//";

13

The double slash is a just a way to prove out that we DL from the right URL in the setup of the playground.

You should do something like this:

BABYLON.ParticleHelper.BaseAssetsUrl = 
    BABYLON.ParticleSystemSet.BaseAssetsUrl = "../_Projects/Demo/Data/Emitter_Configs";
1 Like
14

Whatever I try for a link returns this:

https://assets.babylonjs.com/particles/textures/textures/Snow.png

I also tried with "http://127.0.0.1/RealmCraftingWebGL/_Projects/Demo/Data/Emitter_Configs" it returns the same thing: a link to https://assets.babylonjs.com/particles/

Whatever I do locally, it fetches the images from assets.babylon.com and not locally.

On the other hand if I redefine the images with new this.systems.particleTexture BABYLON.Texture("../linkLocal/img.png", this.scene); it works

So no, I don’t think it’s working. Your example works because the link points exactly where it should (assets.babylonjs)

15

If I managed to make it work.

I redefined with:
BABYLON.ParticleSystemSet.BaseAssetsUrl

The documentation misled me. maybe that should be clarified.

In fact, you have to do this for it to work.

BABYLON.ParticleHelper.BaseAssetsUrl = this.rootParticle; // For the json
BABYLON.ParticleSystemSet.BaseAssetsUrl = this.rootParticle; // For the textures
2 Likes
16

I should’ve called out that subtle distinction about going into the base PSS earlier, sorry! Could’ve saved you some time.

Easy to miss

1 Like
17

No worries @jelster. Don’t be sorry. We can’t think of everything.

My mistake was the slash at the end of my path. and I also had a cache problem.

For the cache problem I usually add "file.json?"+Date.now(). But there we cannot do it in the loading of the json

1 Like