Javascript 试图让我的点对点游戏达到';捕捉到';最近点

Javascript 试图让我的点对点游戏达到';捕捉到';最近点,javascript,Javascript,我知道这是一个简单的计算,但你能帮我吗 var canvas=document.getElementById('myCanvas'); var context=canvas.getContext('2d'); var半径=4; 对于(x=半径;x而言,答案如下: var newX = Math.round(x/50)*50 + radius; var newY = Math.round(y/50)*50 + radius; x = newX; y = newY; 这是一把小提琴: 将单击的

我知道这是一个简单的计算,但你能帮我吗

var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
var半径=4;
对于(x=半径;x而言,答案如下:

var newX = Math.round(x/50)*50 + radius;
var newY = Math.round(y/50)*50 + radius;
x = newX;
y = newY;
这是一把小提琴:

将单击的位置四舍五入到点生成器的分辨率

哦,你应该注意边缘点-如果没有这样做,答案如下:

var newX = Math.round(x/50)*50 + radius;
var newY = Math.round(y/50)*50 + radius;
x = newX;
y = newY;
这是一把小提琴:

将单击的位置四舍五入到点生成器的分辨率

哦,你应该注意边缘点-如果没有这样做,答案如下:

var newX = Math.round(x/50)*50 + radius;
var newY = Math.round(y/50)*50 + radius;
x = newX;
y = newY;
这是一把小提琴:

将单击的位置四舍五入到点生成器的分辨率

哦,你应该注意边缘点-如果没有这样做,答案如下:

var newX = Math.round(x/50)*50 + radius;
var newY = Math.round(y/50)*50 + radius;
x = newX;
y = newY;
这是一把小提琴:

将单击的位置四舍五入到点生成器的分辨率


哦,你应该注意边缘点-如果你做了
ifs

,那就太好了!真的非常感谢你。我在一个计算机实验室教书,我将在讲课时展示这个点对点的游戏,给学生一个他们可以玩的普通游戏。我希望你的学生会喜欢你开发的游戏:).我编辑了我的小提琴,因为你的x和y坐标也必须按半径移动。现在它可以工作到单像素。真漂亮!非常感谢。我在一个计算机实验室教书,我将在上课的时候展示这个点对点的游戏,给学生们一个他们可以玩的普通游戏。我希望你们的学生会喜欢你们开发的游戏:)。我编辑了我的小提琴,因为你们的x和y坐标也必须按半径移动。现在它可以工作到单像素。真漂亮!非常感谢。我在一个计算机实验室教书,我将在上课的时候展示这个点对点的游戏,给学生们一个他们可以玩的普通游戏。我希望你们的学生会喜欢你们开发的游戏:)。我编辑了我的小提琴,因为你们的x和y坐标也必须按半径移动。现在它可以工作到单像素。真漂亮!非常感谢。我在一个计算机实验室教书,我将在上课的时候展示这个点对点的游戏,给学生们一个他们可以玩的普通游戏。我希望你们的学生会喜欢你们开发的游戏:)。我编辑了我的小提琴,因为你们的x和y坐标也必须按半径移动。现在它只适用于单个像素。