डीबग ड्रा के बजाय HTML5 कैनवास का उपयोग करके मैं अपना बॉक्स 2 डी दुनिया कैसे आकर्षित करूं?

Question

मैं काफी अच्छी तरह एचटीएमएल 5 कैनवास पता है, मैं मूल बातें और एनीमेशन का उपयोग कर छोरों आदि पता

डेमो के साथ मैं काम कर रहा हूँ: क्या मैं है साथ बहुत परिचित नहीं हूँ http://henry.brown.name/experiments/box2d/example-canvas.html

(आकार बनाने के लिए क्लिक करें) Box2D। मैं Box2DWeb पोर्ट का उपयोग कर रहा हूं, मैंने सुना है कि यह Box2D-js से नया था, मुझे यकीन नहीं है कि कौन सा सर्वोत्तम है।

मैं कैसे 'दुनिया' प्रारंभ करने में और मैं दुनिया में वस्तुओं जगह कर सकते हैं पता है। मैं फिर दुनिया को एनिमेट करने के लिए कदम का उपयोग करता हूं - हालांकि इसे स्क्रीन पर प्रदर्शित करने के लिए अब तक मैं इसे डीबग ड्रा के साथ काम करने में सक्षम हूं क्योंकि यह मूल रूप से आपके लिए सबकुछ करता है।

इसके बजाय डिबग ड्रा का उपयोग कर के मैं सिर्फ एक वर्ग की एक कार के बजाय उदाहरण के लिए कैनवास का उपयोग करने के आकर्षित करने के लिए, चाहते हैं। मैं एक कार की छवि के लिए एक वर्ग के भौतिकी कैसे संलग्न करूं? मैं बस बॉक्स 2 डी के साथ कैनवास को एकीकृत करने के आसपास अपना सिर नहीं प्राप्त कर सकता।

किसी भी सुझाव की व्यापक सराहना की जाएगी!

धन्यवाद

Answer 1

आप Box2D से परिचित आप http://www.kyucon.com/doc/box2d/ पर दस्तावेज़ की जांच करनी चाहिए नहीं कर रहे हैं। यह आपको उन सभी संपत्तियों को बताना चाहिए जो आपको चाहिए। मेरे ज्ञान के लिए Box2D का उपयोग करने का मानक तरीका उपयोगकर्ता डेटा के साथ एक छवि संलग्न करना है। छवि और कैनवास छवि उपयोग के लिए यह उदाहरण ट्यूटोरियल देखें।

http://www.jeremyhubble.com/box2d.html

Answer 2

मैं एक ही सवाल था। here इसका दस्तावेज़ीकरण है। आप पाने के लिए m_position की तरह की तरह GetBodyList(), GetAngle() और सदस्यों कॉल इस्तेमाल कर सकते हैं सब है कि आप जो का उपयोग कर जो भी पुस्तकालय आप एक कैनवास पर उपयोग करना चाहते हैं पेंट करने के लिए की जरूरत है।

Answer 3

मैंने पिछले कुछ दिनों में एक ही चीज़ की कोशिश की। मैं Jonny Strömberg's tutorial पाया है, जो सुपर विस्तृत नहीं है, लेकिन कोड मैंने पाया कि वह कैसे शरीर की स्थिति को पुन: प्राप्त विश्लेषण करके:

var b = world.GetBodyList() 

GetBodyList() एक सतत सरणी प्रतीत हो रहा है, इसलिए अगले शरीर ख के माध्यम से पहुँचा जा सकता है। m_next।

फिर आप

b.GetPosition().x 
b.GetPosition().y 
b.GetAngle() 

का उपयोग शरीर की निर्देशांक को पुनः प्राप्त कर सकते हैं।

संपादित करें: इस कोड Box2dweb पुस्तकालय, जो मैंने पाया बेहतर Box2djs से प्रलेखित