小游戏渲染bug
发布于 4 年前 作者 xiuyingshi 19413 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

        安卓版微信6.6.7在渲染快速移动的显示对象时,有时会无视物体的真实位置,回到上一帧画面,造成停停顿顿的画面动画.ios版微信不会出现这个问题.

  • 预期表现

        显示对象渲染时,应该位于当时当刻的位置.

  • 复现路径

        打开demo代码段即可复现

  • 提供一个最简复现 Demo

        代码片段:wechatide://minicode/W3iF7RmA7a1Y

       代码:

requestAnimationFrame(loop)
 
 
let canvas = wx.createCanvas('2d');
let ctx = canvas.getContext('2d');
ctx.font = '18px';
ctx.fillStyle = '#FFFFFF';
 
let offlineCanvas = wx.createCanvas('2d');
let offlineCtx = offlineCanvas.getContext('2d');
offlineCtx.fillStyle = '#ffffff';
offlineCtx.fillRect(0,0,100,400);
 
let moveX = 0;
 
function loop() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
 
  ctx.fillText('注意白块移动,有时回到上一帧画面.',0,75);
  ctx.fillText('安卓6.6.7版本必现, ios无这个问题.', 0, 100);
   
  ctx.drawImage(offlineCanvas, moveX,200);
  moveX = (moveX < -200) ? canvas.width : moveX-4;
 
  requestAnimationFrame(loop);
}
2 回复

你好,提供的代码片段不可用,麻烦重新提供下,另外小游戏的问题导入代码片段的时候记得选择的是小游戏哈

为什么这个bug没有加入到"社区每周"的修复bug里呢?

回到顶部