ตั้งเทพดาหันไปทางทิศทางของเมาส์


9

ฉันกำลังสร้างเกม html5 canvas และฉันต้องการวิธีที่จะทำให้เทพดาของฉันเผชิญหน้ากับเคอร์เซอร์ของเมาส์ ฉันมีพิกัด X และ Y สำหรับ sprite และพิกัด X และ Y ของตัวชี้ ทั้งหมดที่ฉันติดอยู่คือคณิตศาสตร์ที่เกี่ยวข้องกับการทำให้ผีสางหน้าตัวชี้ มันคือทั้งหมดในโลก 2 มิติดังนั้นฉันไม่สามารถจินตนาการได้ว่ามันจะซับซ้อนเกินไป แต่ฉันมีประสบการณ์น้อยมากกับสิ่งนี้

นอกจากนี้ลิงก์ที่มีประโยชน์ใด ๆ ไปยังบทความ / บล็อกโพสต์เกี่ยวกับสิ่งต่าง ๆ เช่นนี้จะยอดเยี่ยมมาก

ในการเพิ่มฉันควรทราบว่าฉันต้องการมุมเป็นองศาที่จะนำฉันไปยังเคอร์เซอร์โดยใช้ตำแหน่ง X และ Y

ฉันจะรู้พิกัดของเคอร์เซอร์ได้อย่างไรและฉันจะวางสิ่งเหล่านี้ทั้งหมดได้ที่ไหน?


สวัสดีฉันมีปัญหาที่คล้ายกันเช่นคุณกับการยิงธนู ตรวจสอบบล็อกของฉันถ้าคุณต้องการ: yannbane.blogspot.com
jcora

คำตอบ:


11

ไม่ทราบว่า API ของคุณอยู่ที่ใดต่อไปนี้เป็นคณิตศาสตร์พื้นฐานที่อยู่เบื้องหลังการรับมุมเป็นองศา:

angle = math.atan2(y2 - y1, x2 - x1) * 180 / math.pi;

การ* 180 / math.pi;แปลงจากเรเดียนเป็นองศา


3
โปรดทราบว่ามุมที่ผลิตโดยatan2สันนิษฐานว่าเป็นระบบพิกัด + x เหมาะสมและ + Y ขึ้น หากคุณลงไปคุณจะต้องลบมุม นอกจากนี้ยังอนุมานว่าวัตถุนั้นจะหันหน้าไปทางทิศทาง (1, 0) (ขวา) เมื่อมุมเป็น 0 ถ้ามันหันไปในทิศทางที่แตกต่างกันคุณจะต้องชดเชยมุม คำตอบของฉันที่นี่อธิบายวิธีการทำเช่นนั้น
Nicol Bolas
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.