माउस की दिशा का सामना करने के लिए स्प्राइट सेट करें


9

मैं एक html5 कैनवास गेम बना रहा हूं और माउस कर्सर का सामना करने के लिए मुझे अपने स्प्राइट को प्राप्त करने का एक तरीका चाहिए। मेरे पास स्प्राइट के लिए X और Y सह-निर्देशांक हैं, और सूचक के X और Y सह-निर्देशांक भी हैं। सब मैं के साथ अटक गया है गणित अंकुर चेहरा सूचक बनाने के लिए शामिल है। यह एक 2D दुनिया में सब है, इसलिए मैं कल्पना नहीं कर सकता कि यह बहुत जटिल होगा, लेकिन मुझे इस सामान के साथ बहुत कम अनुभव है।

इस प्रकार की चीज़ों के बारे में लेखों / ब्लॉग पोस्टों का कोई भी उपयोगी लिंक भयानक होगा (सामान्य रूप से जावास्क्रिप्ट विशेष रूप से 2 डी गेम प्रोग्रामिंग)।

जोड़ने के लिए, मुझे ध्यान देना चाहिए कि मुझे डिग्री में एक कोण की आवश्यकता है जो मुझे इसके एक्स और वाई स्थिति का उपयोग करके कर्सर की ओर इंगित करेगा।

मैं कर्सर के सह-निर्देश को कैसे जान सकता हूं और मैं यह सब कहां रखूं?


हाय, मुझे तीरंदाजी के साथ आपकी तरह एक समस्या थी। मेरे ब्लॉग की जाँच करें, अगर आप चाहते हैं: yannbane.blogspot.com
जकोरोरा

जवाबों:


11

अपने निपटान में एपीआई के बारे में नहीं पता, डिग्री में एक कोण प्राप्त करने के पीछे यहां मूल गणित है:

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

* 180 / math.pi;रेडियन को अंश में से बदल देता है।


3
नोट कोण द्वारा उत्पादित कि atan2मानता है कि समन्वय प्रणाली + x सही और + y है अप । यदि आपका पतन होता है, तो आपको कोण को नकारने की आवश्यकता होगी। यह भी मानता है कि जब कोण 0. है तो ऑब्जेक्ट (1, 0) दिशा (दाएं) का सामना कर रहा होगा। यदि यह एक अलग दिशा का सामना करता है, तो आपको कोण को ऑफसेट करने की आवश्यकता है। मेरा जवाब यहाँ बताता है कि यह कैसे करना है।
निकोल बोलस
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.