Babylonjs Reactjs项目中如何加载gltf模型

Question

我在 Reactjs 中使用 Babylonjs。

我已成功加载 .babylon 模型，但我想在 Reactjs 中加载 .gltf 模型

如何在 Babylon reactjs 中加载 .gltf 文件模型。

这是代码片段

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

谢谢。

Answer 1

AssetsManager.addMeshTask 最终调用 SceneLoader.ImportMesh，这与 SceneLoader.Append 非常相似。所以 addMeshTask 可以加载 gltf 文件。一件事你需要确保你添加了 gltf 加载器的引用。当我导入 babylonjs-loaders

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

然后addMeshTask成功导入gltf文件。

Babylonjs Reactjs项目中如何加载gltf模型

How to load gltf Model in Babylonjs Reactjs project

reactjs

gltf

babylonjs

3d-model