Question

I’m using this code

 jQuery(document).ready(function () {
    console.log('loaded');
    show();
});

so when everything on my page loads a function is run starting the project. However I’m using this with Three.JS where Im loading in models which are a few mb.

The script returns ‘loaded’ after a couple of milliseconds, however the models aren’t completely loaded. In addition the Chrome console tells me that the models take a few seconds to completely load in :/

Is this the wrong way to go around it? Sorry I’m pretty new to it!

Answer 1

The document is loaded.

three.js generates models which are not part of the initial document. They are inserted by ThreeJS when they’ve been generated as shown in the project page: https://github.com/mrdoob/three.js/

Notice the line:

document.body.appendChild( renderer.domElement );