时间戳

首页 > 解决方案 > 在画布游戏中使用负角

math - 在画布游戏中使用负角

问题描述

我正在使用 HTML、JS 和画布制作顶视图中世纪游戏。

问题是我的玩家可以在不看别人的情况下击中他们。我在下面代码的第三行中创建了一个条件来解决这个问题，但这不起作用，因为玩家的视角限制是 max180和 min -180。玩家位置和受害者位置之间的限制是 max 90min -270。这些限制毁了我的条件。

我可以接受任何想法或现成的条件或代码。

if(Math.sqrt(Math.pow((this.X-Victim.X),2),Math.pow((this.Y-Victim.Y),2)) <= 100){//<-here calculates distance between victim and player
    var angle = Math.atan2(this.X - Victim.X , this.Y - Victim.Y) * (180 / Math.PI);//<-here calculates angle between victim and player
    if((angle < this.LookAngle + 45)&&(angle > this.LookAngle - 45)){//<- i need help on here
        console.log(angle,this.LookAngle);
        //socket.emit('HitTo',{UserName:Victim.UserName,hitval:20});//<- actually you dont need to know this
    }
}

标签： mathgame-physicsanglepi360-degrees

解决方案

回答我自己的问题

首先我会垂直翻转我的角度，因为它必须是反向的。去源头

180-angle

然后我必须将（视角）和（两个玩家之间的角度）转换为 0-360。去源头

(angle + 360) % 360

然后我需要检查其他两个角度之间的角度。去源头

var isbetween = (startangle,midangle,endangle) => {
    endangle = (endangle- startangle) < 0 ? endangle - startangle + 360 : endangle - startangle;
    midangle = (midangle - startangle) < 0 ? midangle - startangle + 360 : midangle- startangle;
    return (midangle <  endangle); 
}

并应用于我的代码

if(Math.sqrt(Math.pow((this.X-Victim.X),2),Math.pow((this.Y-Victim.Y),2)) <= 100){
    var angle = Math.atan2(this.X - Victim.X , this.Y - Victim.Y) * (180 / Math.PI);
    var flippedangle = 180 - angle;
    var fixedangle = (flippedangle + 360) % 360;
    var fixedlook = (this.LookAngle + 360) % 360;
    if(((fixedangle - (fixedlook + 80)) < 0 ? fixedangle - (fixedlook + 80) + 360 : fixedangle - (fixedlook + 80)) > (((fixedlook - 80) - (fixedlook + 80)) < 0 ? (fixedlook - 80) - (fixedlook + 80) + 360 : (fixedlook - 80) - (fixedlook + 80))){
        socket.emit('HitTo',{UserName:Victim.UserName,hitval:20});
    }
}

谢谢

或者，如果这没有帮助，通过搜索“javascript 检查两个角度是否接近”找到的 Stack Overflow 答案之一应该会为您提供足够有用的信息来解决它。——安德鲁·莫顿

推荐阅读