画布游戏:最大转向角(以 n 秒为单位）

Canvas Game: Maximum steering angle in n seconds

本文关键字：为单位 布游戏 游戏      更新时间：2023-09-26

所以我不知道标题是否将我的问题带到了一个点，我的英语可能不太好完全解释它。幸运的是，代码可以:D

所以，我正在开发一个小型多人游戏，您可以使用键盘操纵一条线(速度例如每秒 300 像素，您可以使用按键调整它的移动角度(。

每个玩家画一条无限的线，当你的"蛇"..idk你怎么称呼它..击中黑色(背景色(以外的其他东西时，你就死了。寿命最长的玩家获胜。

您可以收集物品，其中一个物品是来自街头霸王的"Hadouken"，它瞄准最近的玩家并试图击中他(此处相同：给出速度和角度(。

"Hadouken"角度是每帧计算的。 目标是玩家：

if (hadouken.aimTo)
{
    var dx = hadouken.aimTo.x - hadouken.x;
    var dy = hadouken.aimTo.y - hadouken.y;
    var dist = Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
    hadouken.rad = Math.atan2(dy, dx);
    if (dist < hadouken.aimTo.radius)
    {
        ...
    }
}
var plusX = hadouken.speed * _.timeFactor * Math.cos(hadouken.rad);
var plusY = hadouken.speed * _.timeFactor * Math.sin(hadouken.rad);
hadouken.x += plusX;
hadouken.y += plusY;
_.rotateDraw(hadouken, hadouken.x - hadoukenWidth / 2, hadouken.y - hadoukenHeight / 2, hadoukenWidth, hadoukenHeight, {rad: hadouken.rad}, function(x, y) {
    _.drawImage(hadoukenImage, x, y, hadoukenWidth, hadoukenHeight);
});

但是这个东西总是有正确的角度，如果它在硬编码的 5 秒后没有消失，它将达到它的目标(速度 = 目标速度 * 1.5 ;)(。你没有机会用你的线躲避它。我的曲线太尖锐了。

我的问题是：你能以某种方式将角度的增加限制在每秒 .. idk .. 30 度吗？我相信我可以自己做到这一点，但那会很花哨，而且可能是不必要的。

我希望

这已经足够清楚了，再次对不起我的英语，我希望得到一些答案:)

而不是 

hadouken.rad = Math.atan2(dy, dx);

我会这样编码：

// time_elapsed is time since previous animation state update (in time units)
// angular_speed is max turning speed in radians per time unit
var dest_angle = Math.atan2(dy, dx);
// normalize destination vector dx,dy
var nx = Math.cos(dest_angle);
var ny = Math.sin(dest_angle);
// calc current vector
var cx = Math.cos(hadouken.rad);
var cy = Math.sin(hadouken.rad);
// calc cross product, its sign will tell ya which direction we should turn
var crp = cx*ny - cy*nx;
var ang_ofs = angular_speed * time_elapsed;
if ( crp>0 ) // shoud turn clockwise
    hadouken.rad += ang_ofs;
else
if ( crp<0 )  // shoud turn counter clockwise
    hadouken.rad -= ang_ofs;
// dont let it over-turn
cx = Math.cos(hadouken.rad);
cy = Math.sin(hadouken.rad);
var crp2 = cx*ny - cy*nx;
if (crp*crp2<0) // sign changed!
    hadouken.rad = dest_angle;
相关文章：