How to load gltf Model in Babylonjs Reactjs project

Question

I am using Babylonjs in Reactjs.

I have successfully loaded .babylon model but I want to load .gltf model in Reactjs

How can I load .gltf file model in Babylon reactjs.

here is the code snippet

 loadModels = () => {
    let loader = new AssetsManager(this.scene)   
    let loadModel = loader.addMeshTask("test", "", "", "model.babylon")
    loadModel.onSuccess = ( t ) => {
       // do some code
       // .....
    }
    return loader
}

Thanks.

Syed Ausaf Hussain · Accepted Answer · 2020-07-20 06:41:07Z

1

AssetsManager.addMeshTask eventually calls SceneLoader.ImportMesh which is very similar to SceneLoader.Append. so addMeshTask can load gltf file. One thing you will need to make sure that you added the reference of gltf loader. when I import babylonjs-loaders

import React, { Component } from 'react'
import 'babylonjs-loaders';
....

then addMeshTask successfully import gltf file.

answered Jul 20, 2020 at 6:41

Syed Ausaf Hussain

1331 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to load gltf Model in Babylonjs Reactjs project

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related