Use babylonjs in ES6 Javascript Project

[bestog]

Hello there,

i would like to use the babylonjs package in my JS project.
If I do this with my import statement, everything goes. I then call a function in another file and want to assign a new standard material to the object (I pass scene to the function). But now he tells me "this.getScene is not a function". Can it be because this package is not designed for webpack+js+module?

Uncaught (in promise) TypeError: this.getScene is not a function

 

[royibernthal]

Can you show us the code?

[bestog]

@royibernthal

objects.js

import {Color3, SceneLoader, StandardMaterial, Vector3} from 'babylonjs'
import Material from './material'

const {ImportMeshAsync} = SceneLoader

const Objects = {
  loadMesh: async (scene, object) => {
    const result = await ImportMeshAsync('', URL + object.object_id + '/', 'mesh.babylon', scene)
    const meshes = result.meshes
    
    ...

    console.log('load-Material')
    await Material.loadMaterial(scene, object.set, meshes[0])
    console.log('load finish')
  }
}

export default Objects

materials.js

import {StandardMaterial, Vector2, Vector3, Vector4, Color3, Texture} from 'babylonjs'

const Material = {
  loadMaterial: async (scene, material, mesh) => {
    
    var mMaterial = StandardMaterial('material.' + material.id, scene)

    ....

    mesh.material = mMaterial
  }
}

export default Material