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

【问题标题】：How to load gltf Model in Babylonjs Reactjs project如何在 Babylonjs Reactjs 项目中加载 gltf 模型
【发布时间】：2020-11-04 16:59:42
【问题描述】：

我在 Reactjs 中使用 Babylonjs。

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

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

这里是代码sn-p

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

谢谢。

【问题讨论】：

标签： reactjs gltf babylonjs 3d-model

【解决方案1】：

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

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

然后addMeshTask成功导入gltf文件。

【讨论】：