Google gravity और gravity script दो अच्छे प्रदर्शन हैं। लेकिन कोई स्रोत कोड या ट्यूटोरियल उपलब्ध नहीं हैं। और मूल जेएस फाइलें बहुत बड़ी हैं। मैं ड्रैग & ड्रॉप (विशेष रूप से "सक्षम" और "घुमावदार" Google गुरुत्वाकर्षण की तरह "एक निश्चित तत्व पर एक गुरुत्वाकर्षण प्रभाव कैसे बना सकता हूं?जावास्क्रिप्ट के साथ गुरुत्वाकर्षण प्रभाव कैसे बनाएं?
आप एक भौतिकी इंजन के साथ शुरू करना चाहते हैं, एक Google ग्रेविटी का उपयोग Box2Djs है जो Box2D का जावास्क्रिप्ट पोर्ट है। आप इसका उपयोग कैसे करें इसका उपयोग करने के लिए बॉक्स 2 डी के लिए मैनुअल पढ़ सकते हैं, हालांकि मैनुअल स्वयं ही कहता है कि आपको कठोर शरीर भौतिकी (बल, आवेग, टोक़ इत्यादि) के कुछ ज्ञान के बिना आप क्या कर रहे हैं, इस बारे में थोड़ा सा विचार नहीं होगा, हालांकि ये उदाहरण हो सकते हैं शुरू करने में आपकी मदद करें।
यदि आप भौतिकी इंजन स्वयं लिखना चाहते हैं तो आपको कम से कम 2 डी कठोर शरीर गतिशीलता और टकराव का पता लगाने के लिए इसे आपके द्वारा दिए गए उदाहरणों की तरह दिखाना होगा। ऐसा करने के लिए एक ट्यूटोरियल को कंप्यूटर सिमुलेशन क्लास कहा जाएगा और मेरे पास एक रैखिक बीजगणित और भौतिकी है जो मुझे पूर्व शर्त है, यह एक छोटा काम नहीं है।
बाद में, आपको जावास्क्रिप्ट एनीमेशन तकनीकों के बारे में जानना होगा। मैं window.requestAnimationFrame के बारे में सीखने की सलाह देते हैं। setInterval(stepFunction, time) का उपयोग करना काम करेगा, लेकिन यह आधुनिक ब्राउज़र में उतना ही कुशल नहीं होगा जितना कि यह हो सकता है।
धन्यवाद, इसका जेएस संस्करण @ box2d-js.sourceforge.net/index2.html उपलब्ध है। लेकिन मैं इस प्रभाव को वास्तविक HTML तत्वों पर बनाना चाहता हूं। उदाहरण के लिए मेरे पास कुछ सोशल बटन हैं जो पेज सक्रिय होने पर गिरते हैं और उपयोगकर्ता थीम फेंक सकते हैं और थीम के साथ खेल सकते हैं :)। Box2dJS वेब आधारित गेम विकास के लिए बहुत अच्छा है, लेकिन मुझे लगता है कि यह "convas" पर आधारित HTML तत्व नहीं है। – Towhid
GitHub पर एक इस jQuery प्लगइन JQuery.throwable सिर्फ $("Selector").throwable() कर देखो और वस्तु गुरुत्वाकर्षण
के तहत किया जाएगा आपके दूसरी कड़ी को देखते हुए, कोड बिल्कुल उपलब्ध है - यह http://gravityscript.googlecode.com पर है /svn/trunk/gravityscript.js। यह बड़ा है, लेकिन ऐसा इसलिए है क्योंकि इसमें jQuery और Box2D सहित कई पुस्तकालय शामिल हैं। इसके अलावा, यह वास्तव में काफी पठनीय है। बस जेनरेटेड जेएस के बड़े ब्लॉक को वास्तविक स्वरूपित कोड पर छोड़ दें। –
दरअसल, यदि आप गुरुत्वाकर्षण स्क्रिप्ट के src code को देखते हैं http://code.google.com/p/gravityscript/source/browse/trunk/gravityscript.js, केवल jQuery src code obfuscated है, लेकिन कोड के लिए गुरुत्वाकर्षण नहीं है। इसे समझना मुश्किल नहीं होना चाहिए। –
http://stackoverflow.com/questions/2185850/drag-elements-around-with-gravity-effect – j08691