Question

我用Vue-Babylonjs创建了一个场景。现在，我想将.obj文件加载到现有场景中。这是我的代码：

<template>
  <div>
      <canvas id="renderCanvas"></canvas>
</div>
</template>

export default {

  data: function() {
    return {
      scene: null,
      engine: null,
      canvas: null,
      mainCamera: null,

    };
  },
      methods: {
        init: function () {
          const _this = this
          this.canvas = document.getElementById("renderCanvas")
          this.engine = new BABYLON.Engine(this.canvas, true)
          this.scene = new BABYLON.Scene(this.engine)

          this.mainCamera = new BABYLON.ArcRotateCamera("ArcRotateCamera", 1.5, 1.3, 20, BABYLON.Vector3.Zero(), this.scene)
          this.scene.beforeRender = function () {

          }
          this.engine.runRenderLoop(function () {
            _this.scene.render()
          })
          BABYLON.SceneLoader.Append("./", "test.obj", this.scene, function (scene) {

});


        },
mounted() {
    this.init()
}
}

我的test.obj文件与组件位于同一文件夹中。我的控制台出现以下错误：

Babylon.js v4.0.3-WebGL2-并行着色器编译 babylonjs.loaders.min.js？b234：16行中未处理的表达式： babylonjs.loaders.min.js？b234：16未处理的表达式在线：babylonjs.loaders.min.js？b234：16未处理的表达式在线：babylonjs.loaders.min.js？b234：16未处理的表达式在线：babylonjs.loaders.min.js？b234：16 未处理的表达式在线：babylonjs.loaders.min.js？b234：16未处理第一行的表达式： babylonjs.loaders.min.js？b234：16行中未处理的表达式： Vue应用程序babylonjs.loaders.min.js？b234：16未处理行中的表达式：babylonjs.loaders.min.js？b234：16未处理行中的表达式：babylonjs.loaders.min.js？b234：16未处理第一行的表达式： babylonjs.loaders.min.js？b234：16行中未处理的表达式： babylonjs.loaders.min.js？b234：16行中未处理的表达式：

也许有人可以解释这里可能出什么问题了？我完全不熟悉Babylonjs，并且不确定我是否正确使用了它...

Vue-Babylonjs：SceneLoader.Append无法正常工作

0 个答案: