围绕点旋转，物体不断地向前移动
围绕点旋转，物体不断地向前移动
提问于 2021-01-23 18:05:53
我正在做一个统一的游戏，需要一个敌人围绕一个点旋转。我用atan2得到指向点的方向，加90度，然后用cos和sin改变位置。在找到对象后，确实是旋转的，但离点更远，我决定在p5js中尝试这一点。不过，我也有同样的问题。
以下是代码：
let x = 100;
let y = 100;
let speed = 5
function setup() {
createCanvas(400, 400);
angleMode(DEGREES)
}
function draw() {
background(220);
let dir = atan2(y - height / 2, x - width / 2);
x += cos(dir + 90) * speed;
y += sin(dir + 90) * speed;
rect(x, y, 20, 20);
console.log(dir)
}<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.min.js"></script>
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-01-24 00:36:28
...但离重点远点..。
当然了。你不能在一个圆圈上移动。你沿着圆圈的切线移动。切线上的每一步都会增加离圆心的距离。因此，在每一帧中，到中心的距离都会增加。
您可以很容易地通过缩放初始距离与当前距离之比的距离向量来检查这一点：
let x = 100;
let y = 100;
let speed = 5
let dist;
function setup() {
createCanvas(400, 400);
angleMode(DEGREES)
dist = sqrt(pow(y - height/2, 2) + pow(x - width/2, 2));
}
function draw() {
background(220);
let dir = atan2(y - height / 2, x - width / 2);
x += cos(dir + 90) * speed;
y += sin(dir + 90) * speed;
let newDist = sqrt(pow(y - height/2, 2) + pow(x - width/2, 2));
x = (x - width/2) * dist/newDist + width/2
y = (y - height/2) * dist/newDist + height/2
rect(x, y, 20, 20);
console.log(dir)
}<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.min.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65866521
复制相关文章
![【WebService】——SOAP、WSDL和UDDI[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/7007227d95433f70f5901a1a88a1a5ed.jpg)
相似问题
获取最遥远的祖先节点-Xpath，XSLT
来自XML节点的onclick事件
聚合物捕获来自子元素的所有事件
聚合物监听来自子轻量级DOM的事件
Dojo防止来自子节点的onclick事件
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
