- This topic has 17 replies, 9 voices, and was last updated 8 months, 4 weeks ago by
.
-
Posts
-
-
-
-
-
其实就是用three.js的OBJLoader加载课程给的obj模型就是了，没啥特别的；
https://threejs.org/docs/?q=OBJ#examples/zh/loaders/OBJLoader
-
-
-
-
-
-
暂时有了一个折衷的解决办法（这很图形学）。因为这个事情可以通过刷新解决，所以我只要想办法知道是模型加载出了问题，还是我写的代码有问题即可。如果代码没问题，那么多刷新几次就可以了。
那怎么样知道是不是模型加载出了问题呢？我看了一下 three.js 的 OBJLoader 的文档，发现作业0中的 onError 函数实现的有问题，将至改成
function onError(err) {
console.error( ‘An error happened:’ , err);
}即可。
在渲染时打开 Console，如果有 err 就是模型加载的问题，如果没有 err，应该就是预期的结果了。
这个 err 我也具体看了一下，是 material 的 img 没有加载出。但具体为什么没有加载出，还没有研究出来。图形学新手。
-
根据大佬方法，onError函数正常报错了。但是也没有研究出来为什么会有TypeError: Failed to execute ‘texImage2D’ on ‘WebGLRenderingContext’: Overload resolution failed.这个错误。
不过大佬是怎么刷新出来的呢？我用的win10+edge+vs环境，一直只能看到光源和202.换了chrome直接两眼一黑只有UI了。。 -
-
-
-
研究了一下，知道了为什么会刷不出来模型，从原理上讲，应该大部分人都刷不出来才对。
在
loadOBJ.js中，materials.preload();其实是一个异步方法，这个方法会去 load mtl文件，image 文件的路径也在其内，然而在这步方法之后紧接着就去 load object 并且使用了 mtl 文件中的 image，因为前一步是异步的，这个时候 material 其实还没有load 完成，导致了 object load 时的报错。如果使用 Promise 方法可能会比较优雅，不过代码改动量比较大。我也是JS小白。
一个比较 tricky 的方法就是在 load object 的前等一等，最后这段代码如图所示，我用一个函数wrap了一下load object 的过程，然后使用 setTimeout 等了100ms。
This post has received 1 vote up. -
加载不稳定原因楼上说的挺清楚了，可以在index.html中<head>中最上面（21行）加<link rel=”preload” href=”/assets/mary/MC003_Kozakura_Mari.png” as=”image” type=”image/png” crossorigin/>让材质图片预先加载
-
-
-
-
-
- You must be logged in to reply to this topic.
