Question

我正在开发一个基于磁贴的游戏项目，该项目使用大量的HTML5画布来渲染电路板。

目前我正在解决错误以创建最佳用户体验，目前我的mousepan脚本在检测何时切换方向时会产生令人遗憾的摆动效果。请找到下面的代码，任何软化效果的方法（由（e.pageX >= oldx）的严酷阈值引起的方法都很棒。所有这些都是为了追求平滑的画布鼠标脚本！

if (e.pageX >= oldx) {
scroll.x -= (e.pageX - this.offsetLeft) / 45;

if (scroll.y < 0) {
    scroll.y = 0;
};

if (scroll.x < 0) {
    scroll.x = 0;
};

} else {

scroll.x += (e.pageX - this.offsetLeft) / 45;

if (scroll.y < 0) {
    scroll.y = 0;
};

if (scroll.x < 0) {
    scroll.x = 0;
};

}

if (e.pageY >= oldy) {
scroll.y -= (e.pageY - this.offsetTop) / 45;

if (scroll.y < 0) {
    scroll.y = 0;
};

if (scroll.x < 0) {
    scroll.x = 0;
};

} else {

scroll.y += (e.pageY - this.offsetTop) / 45;

if (scroll.y < 0) {
    scroll.y = 0;
};

if (scroll.x < 0) {
    scroll.x = 0;
};

}

oldx = e.pageX;
oldy = e.pageY;

Answer 1

没有真正知道你的摇摆效果是什么意思。我只能猜测，但尝试舍入你的坐标值。 Math.round((e.pageY - this.offsetTop) / 45)

如何在我的HTML5画布mousepan方法中删除摆动效果？

1 个答案: