Javascript 三个JS帮助，不'；在文件准备就绪时不渲染

我正在做一些学校作业，我们将使用纹理并在立方体上显示一些3d变换。 基本上，我所有的代码都在工作，直到昨天，它运行良好，直到我做了一些改变，改变了输出

Tech:HTML、CSS、JS、Jquery、THREE.JS

代码： 网站：

所以我的问题是。我有一个id为输出的div。输出附加了rendered.domeElement。所以一切都很好（我需要在屏幕中央有一个立方体，左边有函数）。但是当我的文档加载时，我得到一个黑色的立方体。立方体纹理不会加载，立方体也不会正确加载。我认为这是三个js中的一些错误

只要我运行诸如3d旋转或缩放之类的功能，甚至开始为立方体设置动画，立方体就会呈现良好效果。在某些用户输入之前，多维数据集无法加载。我不明白为什么

我对你们的要求是，检查一下我的代码，告诉我你们在我的代码中发现了什么样的逻辑错误或错误做法，导致了它

我尝试的内容：是的，因此我尝试调用

$（document.ready（）末尾的所有函数以检查立方体是否在加载时呈现。但事实并非如此。它只适用于我提供的按钮。使用chrome的开发者模式，在控制台中，如果我放置
renderer.render（场景、相机）
，加载后渲染效果会很好

我认为这是一个小错误或逻辑错误造成的

另一方面，如何延迟渲染立方体的调用，直到加载纹理或完全加载纹理
看起来有点混乱，但是，如果
animate
标志为false，则永远不会发出drawcall，一旦设置动画，就开始渲染，但一旦停止，缓冲区中可能会有最后一个渲染帧。因此，你认为它应该在这一点上工作。实例化多维数据集后，只需调用一个
renderer.render（）
。移除纹理以查看是否有效。请在文章正文中包含您的代码。如果你的链接消失了，那么我们问题的上下文也会消失。因为我使用了
rendered.info.render.calls
得到了0。这表明不需要渲染。但我在init（）中进行了调用。但是通过将调用放入animate。它在开始时渲染，并放置6个要渲染的调用。所以最终，不要在init中调用render。肯定是一些错误或误解。因为除了动画，它不会显示我调用了多少次，主要是因为我们在动画中调用了
requestAnimationFrame（）
。作为旁注，您还可以在应用程序中引入加载管理器。看见