外部资源未加载到jsfiddle.net上的three.js示例

Question

我正在尝试使该示例项目正常工作：github.com/josdirksen/learning-threejs/blob/master/chapter-09/07-first-person-camera.html

我尝试将代码镜像到我的pages.github.io帐户上，并进行了一些小的修改，以便在jsfiddle上运行代码。

IE浏览器 jsfiddle.net/bk4wm7sf/（来自：/ 5hcDs /）

我对示例所做的唯一更改是修改了文件位置（使用CDN的rawgit.com作为资源手动上传到jsfiddle）和删除了html代码。

例如：

var texture = THREE.ImageUtils.loadTexture('../Metro01.JPG');
//texture.wrapS = texture.wrapT = THREE.MirroredRepeatWrapping;
loader.load('../city.obj', '../city.mtl', load);

我也尝试过：

var texture = THREE.ImageUtils.loadTexture('https://rawgit.com/josdirksen/learning-threejs/master/assets/textures/Metro01.JPG');
//texture.wrapS = texture.wrapT = THREE.MirroredRepeatWrapping;
loader.load('https://rawgit.com/josdirksen/learning-threejs/master/assets/models/city.obj', 'https://rawgit.com/josdirksen/learning-threejs/master/assets/models/city.mtl', load);

其他尝试：/ zy448tn2 /＆/ jw20wtq5 /（这有rawgit网址）

我认为成品应该看起来像这样： http : //www.smartjava.org/ltjs/chapter-09/07-first-person-camera.html

通过将jsfiddle设置“ RequestAnimationFrame”从onLoad更改为“ onDomready”，我看到了一些改进，但是city.obj文件仍然没有呈现。

我是javascript / three.js的新手，所以我怀疑这是一个愚蠢的问题吗？ 任何帮助表示赞赏。

更新：好的，所以我能够解决404错误。

我使用了来自浏览器的JavaScript控制台的反馈，尝试在jsfiddle上尝试〜14个不同的转速。 IE：/ bk4wm7sf / 1 /等。

当我的控制台错误消息开始更改时，最终我感到沮丧，这取决于我上载的文件three.js的特定版本。

我想消除jsfiddle和版本不兼容作为可能的变量，所以我使用“ wget”从smartjava的“已知良好”示例中提取了单独的.js文件，然后将它们上传到我的http://cantren.github.io页面。 此处的版权声明：cantren.github.io/blob/master/README.md

我认为这已经将问题隔离到“ index.html”文件中，但是我的想法已经用完了……github.com/cantren/cantren.github.io/blob/master/index.html

现在我的JavaScript控制台正在读取：

THREE.WebGLRenderer 63
2OBJMTLLoader.js:447 THREE.OBJMTLLoader: Unhandled line usemtl

Answer 1

我只是对“已知有效”页面源代码进行了逐字Ctrl + C和Ctrl + V，然后除了文件位置外没有进行任何修改。 这次它起作用了。 不知道为什么。 可以运行“ diff” /“ diffchecker.com”，但现在可以运行了，所以我很高兴。 谢谢您的帮助！