[英]Canvas move object in circle
我在画布上有一个矩形,我知道如何向上和向侧面移动它。 我想做的是让它以圆周运动方式移动。
所以我的对象(矩形)x和y会围成一圈。
现在我假设我需要一个半径来计算速度(1像素)以及它在轴上旋转的距离。
有任何想法吗?
移动圆的参数方程是这样的:
x=r*cos(theta) y=r*sin(theta)
theta是角度, r是半径。
theta
r
如果你想知道theta的变化以获得所需的速度,求解距离d你得到theta的变化是: arccos(1-(d/r)^2/2)
d
arccos(1-(d/r)^2/2)
JavaScript函数是Math.cos , Math.sin和Math.acos ,它们是repsectively。 他们都处理弧度。
[英]move circle in canvas
[英]how to move object in circle forward and backward in html5 canvas?
[英]How to draw CIRCLE on canvas on mouse move
[英]How to use canvas and mouse event to move a circle?
[英]HTML canvas move circle from a to b with animation
[英]Can't move a circle on canvas html?
[英]Move object around circle javascript
[英]Move an object along a circle in fabricjs
[英]Making an object move on canvas in JavaScript
[英]HTML Move Canvas object with onclick
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.