Has anyone encountered issues when requiring an Object3D? Take a look at the code snippets below:
This code works fine:
...
// Import THREE globally
var material = new THREE.MeshBasicMaterial({color: 0xff0000, wireframe: true});
var mesh = new THREE.Mesh(new THREE.BoxGeometry(200, 200, 200), material);
console.dir(mesh) // -> THREE.Mesh
scene.add(mesh);
...
This code doesn't work:
Character.ts
export class Character {
create() {
var material = new THREE.MeshBasicMaterial({color: 0xff0000, wireframe: true});
return new THREE.Mesh(new THREE.BoxGeometry(200, 200, 200), material);
}
}
app.ts
import {Character} from "./Character.js;
var mesh = (new Character).create();
console.dir(mesh) // -> THREE.Mesh
scene.add(mesh);
Error message:
app.js:8861 THREE.Object3D.add: object not an instance of THREE.Object3D.
I am using browserify
THREE.js version r78