canvas写了一个小游戏cpu好高，怎么办？有什么技巧优化？比如跟随鼠标旋转和键盘事件这一类的

Question

canvas写了一个小游戏cpu好高，怎么办？有什么技巧优化？比如跟随鼠标旋转和键盘事件这一类的

Answer 1

如果不是因为操作而导致的CPU占用高，那肯定有奇葩的计算。。。慢慢想办法减少计算吧。
鼠标旋转的时候，判断鼠标移动的距离，如果大于某个值再重绘。
如果不是requestAnimationFrame，函数节流一定要有。否则你可以自行减少帧数，在执行每一帧前计数判断，把帧数降低一半。

更新：
演示一下

var count=0var frame=function(){    if(count++ % 2===0){        return
    }    //some actions here}

requestAnimationFrame(frame)