2011-04-03 16 views
6

के लिए जावास्क्रिप्ट फ्रेमवर्क मैंने डेवलपर के रूप में अपने करियर में कुछ जावास्क्रिप्ट ढांचे का उपयोग किया है। जैसे jquery, moo उपकरण और एटलस। लेकिन मेरा पूरा अनुभव पेशेवर कॉर्पोरेट साइट विकास के आसपास है। मैं वर्तमान में एक ऐसे गेम पर काम कर रहा हूं जिसमें एक बहुत समृद्ध यूआई होगा। मैं यूआई को पूरी तरह से जावास्क्रिप्ट और एचटीएमएल में लागू करने पर विचार कर रहा हूं। तो अभी मैं उस संबंध में अपने विकल्पों की खोज करने की प्रक्रिया में हूं। क्या वहां कोई जावास्क्रिप्ट ढांचा है जिसका उपयोग मैं कर सकता हूं जो मुझे एक समृद्ध गेम यूआई बनाने में मदद करेगा?गेम यूआई

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

मुझे एहसास है कि संभवतः ऊपर वर्णित आदर्श मैं उपलब्ध नहीं हूं लेकिन अगर ऐसा कुछ है जो मुझे jquery या अन्य समान ढांचे से मेरे आदर्श के करीब ले जाता है तो यह मेरे निर्णय में मेरी मदद करेगा।

धन्यवाद

उत्तर

7

आपका यहाँ कुछ अभी तक बहुत विशिष्ट के लिए पूछ रहा। यह स्क्रीन करने के लिए खेल प्रतिपादन के लिए आता है जब आप 3 मुख्यधारा गैर प्लगइन विकल्पों

कैनवास

कैनवास एक रेखापुंज आधारित प्रदर्शन है। आप कैनवास पर easel.js या The render engine जैसे भारी अमूर्तता पर एक संकीर्ण अमूर्तता का उपयोग कर सकते हैं। अब इन्हें शायद अच्छी तरह से अच्छी तरह से तैयार की गई विशेषताएं नहीं हैं।

कारण वे प्रदर्शन नहीं करते हैं। अत्यधिक प्रदर्शन कोड और उच्च स्तरीय abstractions हाथ में नहीं जाते हैं। आप पाएंगे कि एक हल्के वजन पर भारी घर्षण का उपयोग गंभीर प्रदर्शन लागत पर आता है।

एसवीजी

आप एसवीजी, जो वेक्टर आधारित ग्राफिक्स के रूप में प्रस्तुत करने का उपयोग कर सकते हैं। एसवीजी के लिए एक अच्छी अमूर्त पुस्तकालय rapheal है। प्रदर्शन लागतों के कारण आप जो खोज रहे हैं उसके लिए फिर से कोई उच्च स्तरीय अमूर्त पुस्तकालय या ढांचे नहीं हैं।

डोम

तुम भी बस डोम हेरफेर का उपयोग करके प्रदान कर सकते हैं। JQuery या MooTools जैसी कोई भी लाइब्रेरी इसके लिए करेगी।यदि आप एचटीएमएल यूआई तत्वों का उपयोग करना चाहते हैं तो कस्टम रूप से जेनरेट किए गए आप कुछ भारी वजन यूआई टूलकिट्स जैसे Sencha, SproutCore और Cappucino का उपयोग कर सकते हैं।

आपके जीवन को अभी तक आसान बनाने के लिए वहां कुछ भी सामान्य और मुख्यधारा नहीं है। आप crafty

+0

पर कुछ जवाक्रिप्ट गेम इंजन देख सकते हैं क्या आपके पास एक ऐसा मार्ग है जिसे आप अपने जूते में पसंद करते हैं? कैनवास बनाम डोम बनाम एसवीजी। मुझे लगता है कि मुझे मूल रूप से पता है कि एसवीजी क्या है, संभवतः यह एसएसजी फाइलों का समर्थन करता है और वेक्टर आकार और डीओएम का उपयोग करके ग्राफिक्स बनाना बहुत सीधी है क्योंकि मैंने अपने पूरे करियर में उपयोग किया है लेकिन कैनवास एसवीजी और डोम से अलग कैसे है? मुझे पता है कि कैनवास एचटीएमएल 5 में उपलब्ध एक नया टैग है, लेकिन मुझे नहीं लगता कि यह उदाहरण के लिए डीआईवी से अलग व्यवहार करता है। – omatase

+0

@omatase मैं रैपिल के लिए व्यक्तिगत पसंद है। मुख्य रूप से क्योंकि आप जो भी एसवीजी पर आकर्षित करते हैं वह एक वस्तु है और इसे स्वतंत्र रूप से संभाला जा सकता है। अर्थात। आप ईवेंट हैंडलर को इसमें संलग्न कर सकते हैं। मैं अपने गेम के लिए एमवीसी पैटर्न का उपयोग करता हूं इसलिए मुझे अपनी गेम इकाइयों के लिए एक मॉडल होना पसंद है और इसमें एक दृश्य संलग्न है। दृश्य सिर्फ एक एसवीजी वस्तु है। – Raynos

+0

@ टोमास @ टोमास एक रास्टर डिस्प्ले है। आप इसे प्रस्तुत कर सकते हैं। यह 3 डी त्वरण का भी समर्थन करता है। यह एक div से अलग है क्योंकि आप सीधे उस पर आकर्षित कर सकते हैं। यहां एक [ट्यूटोरियल] है (https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas) – Raynos