Question

我想让这个示例项目工作： github.com/josdirksen/learning-threejs/blob/master/chapter-09/07-first-person-camera.html

我已尝试镜像我的pages.github.io帐户上的代码，并为了在jsfiddle上运行代码进行微小修改。

IE。 jsfiddle.net/bk4wm7sf/（分叉自：/ 5hcDs /）

我对该示例所做的唯一更改是修改文件位置（使用rawgit.com为CDN手动上传到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 /＆amp; / jw20wtq5 /（这个有rawgit网址）

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

我通过更改jsfiddle设置＆＃34; RequestAnimationFrame＆＃34;看到了一些改进。从onLoad到＆＃34; onDomready＆＃34;但是city.obj文件仍然没有呈现。

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

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

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

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

我认为现在已经将问题与＆＃34; index.html＆＃34;文件，但我的想法已经用完...... 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”，但它现在有效，所以我很高兴。谢谢你的帮助！

在jsfiddle.net上没有加载外部资源的three.js示例

1 个答案: