क्या कोई भी जानता है कि HTML5 कैनवास के लिए कोई टकराव पहचान API है?

Question

मैं बुनियादी दिमाग-मैपिंग एप्लिकेशन को कोड करके एचटीएमएल 5 कैनवास का प्रयोग कर रहा हूं। मैंने यह पता लगाने की कोशिश की है कि क्या जावास्क्रिप्ट एपीआई छवियों या आकृतियों के बीच टकराव का पता लगाने जैसे कैनवास में ऑब्जेक्ट को प्रबंधित करने के लिए उपयोग की जाती है। मुझे लगता है कि खुद को लिखना अच्छा नहीं है क्योंकि आसपास कुछ अच्छी एपीआई हो सकती है। किसी के पास सुराग या कुछ जानकारी है। मैं बहुत सराहना करता हूं।

Answer 1

हाल ही में मैं इस के साथ प्रयोग कर रहा हूं। मैंने पाया कि Box2DJS एक महान न्यूटनियन भौतिकी इंजन है, यदि आप इसे आजमा देना चाहते हैं। http://box2d-js.sourceforge.net/

पहले अवधारणा को समझना मुश्किल है, लेकिन जब आप आगे बढ़ते हैं तो यह आसान हो जाता है, और यह कुछ अच्छे उदाहरणों के साथ आता है। Box2D को कई भाषाओं में पोर्ट किया गया है और अधिकांश समान, या बहुत ही समान तरीकों का उपयोग करते हैं, इसलिए किसी भी पोर्ट के लिए दस्तावेज़ आपकी आवश्यकताओं के अनुरूप होंगे।

शुभकामनाएं :)।

संपादित करें: मैं पहले कहा साइट पर इस दस्तावेज़ के लिए एक लिंक मिल गया:

http://www.kyucon.com/doc/box2d/ (पी वजह से मेरी कम प्रतिष्ठा मुझे पद के लिए केवल एक सीमित करने के लिए यह एक अति लिंक नहीं बनाया जा सका, मैं एक noob हूँ)

यह Box2DFlashAS3 के लिए है, लेकिन उनका दावा है कि

संपादित करें "Box2DJS एपीआई पूरी तरह से [यह] Box2DFlashAS3 के उन लोगों के रूप में एक ही कर रहे हैं": ओह, मैं सिर्फ देखा आप टक्कर पता लगाने, भौतिक विज्ञान नहीं, मेरा बुरा देख रहे थे। .. शायद Box2D अभी भी काम कर सकता है, लेकिन शायद नहीं। इसके बारे में क्षमा करें ...

Answer 2

Cake पर एक नज़र डालें। यह कैनवास तत्वों के लिए एक दृश्य ग्राफ प्लग-इन है। मुझे नहीं लगता कि यह टकराव का पता लगाएगा, लेकिन यह आपको सही दिशा में लाने में मदद करेगा। आप कम से कम इवेंट हैंडलर को कैनवास ऑब्जेक्ट्स से जोड़ सकते हैं।

Answer 3

Box2DWeb में Box2D.Dynamics.b2ContactListener का उपयोग करके टकराव का पता लगाना है।

Box2DWeb Box2DFlash 2.1a का एक बंदरगाह है (इसलिए इसमें डीबगड्रा और संपर्कसूची हैं)। नीचे एक उदाहरण है जो सभी संपर्क घटनाओं को प्रेषित करता है।

var contactListener = new Box2D.Dynamics.b2ContactListener();   
    contactListener.BeginContact = function(contact) { 
     console.log('something just hit something else'); 

     // example to narrow the field 
     if(contact instanceof Box2D.Dynamics.Contacts.b2PolyAndCircleContact) { 
      // collision of circle to polygon 
     } 
    }; 

world.SetContactListener(contactListener); 

Answer 4

GameJS पर एक नजर डालें, तो यह pygame (अजगर के लिए अच्छी तरह से ज्ञात खेल पुस्तकालय) के एक जावास्क्रिप्ट बंदरगाह है। इसमें sprites और sprite समूहों की एक अवधारणा है और काफी उन्नत टकराव का पता लगाने है।