1.因為Math.sin() , Math.cos()必須帶入弧度計算,所以我們需要將角度轉換為弧度。角度轉弧度公式:弧度 = 2 * π / 360 * 角度 = π / 180 * 角度。(角度 = 180 / π * 弧度)
2
.該圓上每個點的X坐標 = a + Math.sin(弧度) * r 、 Y坐標 = b + Math.cos(弧度) * r。
例:假設圓形為原點(0,0)。
弧度 = 0;
(function drawFrame () {
window.requestAnimationFrame(drawFrame);
context.clearRect(0, 0, canvas.width, canvas.height);
ball.x = Math.sin(angle) * radius; //核心代碼,其他代碼只是復制的一截,不要直接復制
ball.y = Math.cos(angle) * radius; //實在不懂需要源碼可以私我
angle += speed;
ball.draw(context);
})();
3.
注:因為我不是大佬,也是剛入行的菜鳥,所以如果哪里有錯,幫我指出來,我會第一時間修改。希望能幫到有需要的人,讓我們一起進步。
禁止轉載