I have a challenge - I am trying to create an npm package that generates procedural objects for three.js. The issue I'm facing is how to properly include three.js in my code. I attempted to establish a dependency and use something like
const THREE = require('three');
Function Example(){
return new THREE.TextureLoader()load('./textures/texture.png');
}
module.exports.Example = Example;
This method works well with other constructors such as scenes and vectors, but when it comes to TextureLoader(), it throws an error stating that document is undefined (as there is no defined document for this THREE). It seems like this may not be the correct architecture to follow.
Upon researching, I noticed some libraries are loading THREE using a function like:
var _loader;
myLib.install = function (libs) {
THREE = libs.THREE;
_loader = new THREE.TextureLoader();
};
In this scenario, there is no direct dependency on three.js, but calling the installation function is still necessary; thereby rendering the require() function unnecessary. I would like guidance on how to implement this approach in my own code.
Thank you in advance for any assistance provided.