关于真机预览没有贴图和锯齿明显问题

来源:7-16 斜上抛运动代码开发

qq_冷月秋风_0

2019-04-19

我用我的xs max真机预览的时候,发现bottle的贴图没有显示,同时,锯齿状明显。请问老师要怎么处理?

写回答

1回答

qq_冷月秋风_0

提问者

2019-04-19

我自己找了一下资料,解决了这两个问题。下面我写一下我自己的解决方案:

1、贴图显示异常,报错上传图片错误。

这个与老师在视频里面的说法相关,老师说路径必须是/game/这个开头,在ide测试是正常的,但是真机调试就必须是实际路径,在这里必须res/开头。

2、关于抗锯齿的问题。

虽然我们在render里面开启了抗锯齿。然而并没有什么用,主要原因是因为不同的调试机型会拉大canvas画布,导致出现锯齿装,所以,需要通过以下代码来进行调整。

在scene.init()中加入以下代码:

const width = canvas.width;
const height=canvas.height;
if (window.devicePixelRatio) {
   canvas.style.width = width + "px";
   canvas.style.height = height + "px";
   canvas.height = height * window.devicePixelRatio;
   canvas.width = width * window.devicePixelRatio;
}

重新设置后,真机调试,解决了锯齿问题。

3
0

three.js-打造微信小游戏跳一跳 快速掌握3D游戏开发

three.js+WebGL+微信小游戏API, 带你进入3D的游戏世界

793 学习 · 147 问题

查看课程