我正在做一些学校作业，我们将使用纹理并在立方体上显示一些3d变换。 基本上，我有所有的代码工作，直到昨天，它运行正常，直到我做了一些改变输出。
技术：HTML，CSS，JS，Jquery，THREE.js
代码：https://pastebin.com/TwERJL0w 网站：http://www.cs.uml.edu/~svenkatr/assgnmnts/Assignment4/3dtransforms.html
所以我的问题是。我有一个id 输出的div。输出附加了rendered.domElement。所以一切正常（我需要一个立方体在屏幕的中心，左侧有功能）。但是当我的文档加载时，我得到一个黑色的立方体。立方体纹理不会加载，立方体也不能正确加载。我认为这是三个js中的一些错误。
只要我运行3D旋转或缩放等功能，或者甚至开始为立方体设置动画，立方体渲染就可以了。在某些用户输入之前，多维数据集无法加载。我不懂为什么。
我向您提出的要求是，请仔细检查我的代码，然后告诉我您在代码中找到的导致错误的逻辑错误或错误做法。
我尝试了什么：是的，所以我尝试逐个调用$(document).ready();末尾的所有函数，以检查多维数据集是否在加载时呈现。但它并没有。它只适用于我提供的按钮。使用chrome的开发者模式，在控制台中，如果我放置renderer.render(scene, camera)，则在加载时呈现正常。
我认为这是一个小错误或逻辑错误导致这种情况。
另外，在加载纹理或完全加载纹理之前，如何延迟渲染立方体的调用？！