How to load asset?

[Liuchuan_Yu]

I was trying to load the asset via the following code, but it didn’t work.

        const loader = new THREE.GLTFLoader()
        const gltf = loader.load('./assets/piano.glb')

The error message was Error: fetch for "https://xxxxxxxxxxxxxxxxxxxxxx/assets/piano.glb" responded with 404: .

Thanks

[GeorgeButler]

Could you share a screenshot of your assets folder in the project? A capture of the entire editor window would be even more helpful.

[Liuchuan_Yu]

Sure. Here it is.

[TonyT]

Have you tried wrapping the path to your asset in require()? That function maps the asset name to the actual location on CDN

e.g.

const gltf = loader.load(require('./assets/piano.glb'))

[GeorgeButler]

You can use ecs.assets.load() as well, just pass in the asset path.

I’ll edit this comment with the docs link once we get it published.

[Liuchuan_Yu]

It returns “undefined”, so it seems failed.

[Liuchuan_Yu]

Thanks for your suggestion. I tried but ended up not working.

Could you give a code snippet of getting the animations attribute from loading a glb model file?

[Liuchuan_Yu]

Solved by myself.

   ecs.GltfModel.set(world, component.eid, {
        animationClip: animationName,
        loop: shouldLoop,
        paused: false,
      })