परिवहन टाइकून डिलक्स / एम्सस्क्रिप्टेन भाग 2

ट्रांसपोर्ट टाइकून (परिवहन टाइकून) - बहुत प्राचीन, लेकिन फिर भी वितरित करना, विशेष रूप से उन्माद के लिए, आर्थिक आरटीएस की शैली में एक खेल। /.../

OpenTTD भी है, कई unixoids का एक खुला उत्पाद है, इसलिए आप इसे टॉयलेट और मेट्रो में भी संचारक या पीडीए पर स्थापित करके खेल से विचलित नहीं हो सकते हैं। lurkmore

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

और यहाँ वीडियो है:



अधीर अब खेलना शुरू कर सकता है। मैं आपसे पूछता हूं कि अगर कुछ गलत हो रहा है तो आप समझ सकते हैं। यह संस्करण केवल परीक्षण किया जा रहा है। खेल निश्चित रूप से FF13 (अनुशंसित ब्राउज़र) और क्रोम (ium) में काम करता है। मुझे उम्मीद है कि मेरा धीमा-सर्वर सर्वर लोड को संभाल लेगा। और हां, मुझे गुलाबी टाइल्स के बारे में पता है, मैं इस पर काम कर रहा हूं।

OpenTTD

मैं OpenTTD परियोजना के बारे में कुछ शब्द कहना चाहता हूं, जो जावास्क्रिप्ट संस्करण के लिए एक स्रोत कोड दाता बन गया। परियोजना में सामान्य अनुमानों के अनुसार, C ++ कोड की लगभग 300,000 लाइनें शामिल हैं। इसके अलावा, परियोजना की संभावनाएं अद्भुत हैं। खुद के लिए न्यायाधीश:

• चार ग्राफिक सबसिस्टम (ड्राइवर)
• पांच साउंड ड्राइवर
• छोटा / बड़ा-सा
• स्रोत स्तर पर, एकल-थ्रेडेड और बहु-थ्रेडेड निष्पादन का समर्थन किया जाता है।
• नेटवर्क वातावरण (नेटवर्क से ग्राफिक और संगीत सेट डाउनलोड करना) और इसके बिना काम करें
• मल्टीप्लेयर गेम
• संपीड़ित फ़ाइलें lzma के साथ सहेजें
• कैशिंग रेंडरिंग
• रंग पैलेट के रोटेशन के माध्यम से टाइल्स का एनीमेशन
• बिल्ट-इन स्क्विरल स्क्रिप्टिंग लैंग्वेज

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

निम्नलिखित कॉन्फ़िगरेशन में पोर्टिंग ओपनटीडी संभव था:

• एकल-थ्रेडेड मोड
• थोड़ा-endian
• पूरी तरह से अक्षम नेटवर्क सुविधाएँ
• वीडियो ड्राइवर - पैच किए गए एसडीएल
• स्व-लिखित ध्वनि चालक
• सर्वर पर गेम को सहेजने के लिए पैच किए गए तंत्र
• पैच खेल संसाधन लोकेटर

बाकी डिफ़ॉल्ट रूप से है।

Emscipten

Emscripten पोर्टिंग कोड पर संकलित होता है, और मैंने इस पर संयुग्मित किया ताकि यह इस ब्लॉक को पचा सके। अपने पिछले लेख को विकसित करते हुए, मैं वर्णन करूंगा कि यह गूढ़ तकनीक कैसे काम करती है।



यह विचार सरल है: C ++ कोड को क्लेव का उपयोग करके LLVM बाइटकोड में संकलित किया जाता है। बाइटकोड, बदले में, जावास्क्रिप्ट में ईम्स्क्रिप्टेन का उपयोग करके संकलित किया जाता है। LLVM बाईटेकोड इंटरमीडिएट कोड है जो निम्न-स्तरीय वर्चुअल मशीन पर चल सकता है। बाइटकोड एलएलवीएम विनिर्देशों को अच्छी तरह से प्रलेखित किया गया है और यह एक कारण है कि इसे परियोजना के लेखकों द्वारा कोड के मध्यवर्ती प्रतिनिधित्व के रूप में चुना गया था। एम्सस्क्रिप्टेन कंपाइलर बायटेकोड निर्देशों को एक-से-एक जावास्क्रिप्ट कोड में बदलने की कोशिश कर रहा है, जैसा कि नीचे दिए गए चित्र में (बाईं तरफ बायटेकोड, दाईं ओर जावास्क्रिप्ट)।



अधिकांश निर्देशों के लिए, यह सर्किट पूरी तरह से काम करता है। हालाँकि, यह नहीं कहा जा सकता है कि इस तरह के एक संकलक को विकसित करना एक सरल कार्य है। LLVM बाईटेकोड और जावास्क्रिप्ट बहुत अलग हैं। अधिक जटिल चीजों (सूचक अंकगणितीय, लूप, त्रुटि से निपटने) को लागू करने के लिए, अतिरिक्त काम करना होगा। यहाँ C ++ और जावास्क्रिप्ट के विभिन्न व्यवहार का एक सरल उदाहरण है।



C ++ में विभाजन करने से संख्या का आंशिक भाग समाप्त हो जाएगा। जावास्क्रिप्ट में समान कार्यक्षमता प्राप्त करने के लिए, आपको Math.floor (उपरोक्त कोड सभी मामलों के लिए सही नहीं है, यह अधिकांश के लिए सही है) जैसी ट्रिक का सहारा लेना होगा।

एक और अधिक जटिल उदाहरण एलएलवीएम बाइटकोड और जावास्क्रिप्ट में लूप कार्यान्वयन है:



जावास्क्रिप्ट में समान कार्यक्षमता को लागू करने के कई तरीके हैं, लेकिन उनमें से कई खराब रूप से उत्पादक होंगे, और यहां ईस्मिस्क्रिप्टेन का कार्य सबसे अधिक उत्पादक कोड उत्पन्न करना है।

इन निम्न-स्तरीय चीज़ों के अलावा, emscripten निम्नलिखित के लिए कार्यान्वयन प्रदान करता है: libc, libcxx, POSIX, SDL, GL, GLES, और अन्य पुस्तकालय। पूरी तरह से लागू फ़ाइल सबसिस्टम C (fopen, fclose, fread, ...)। अधिकांश कार्यक्रमों को बिना किसी समस्या के ईस्मिप्टेन का उपयोग करके संकलित किया जा सकता है। ईम्स्क्रिप्टेन विचारधारा का संपूर्ण आकर्षण यह है कि स्रोत कोड को संपादित करने की आवश्यकता नहीं है - यह वैसे भी काम करेगा। इस मामले में, जावास्क्रिप्ट के लिए एक परियोजना के सफल पोर्टिंग के मामले में, संस्करण से संस्करण में संक्रमण आसानी से और स्वाभाविक रूप से किया जाता है। उदाहरण के लिए, जब मैं एम्सस्क्रिप्टेन देख रहा था, समुदाय ओपनटीडीटी के अगले लघु संस्करण को जारी करने में कामयाब रहा, मैंने सिर्फ स्रोतों को सिंक्रनाइज़ किया और नवीनतम संस्करण का एक नया पोर्ट मिला, आसानी से।

परिवहन टाइकून डीलक्स

एम्सस्क्रिप्टेन के साथ, जावास्क्रिप्ट में पर्याप्त रूप से बड़ी संख्या में गंभीर परियोजनाओं को पहले से ही संकलित किया गया है: डूम, ज़्लिब, पॉपलर, ओपनजेपीईजी, फ्रीटाइप, बुलेट, SQLite, पायथन, रूबी, लुआ और अन्य। वर्तमान में एम्सस्क्रिप्टेन चर्चा समूह में एक सक्रिय फोरट्रान संकलन चर्चा है।

हालाँकि, किसी जटिल प्रोजेक्ट को सफलतापूर्वक संकलित करने के लिए, आपको C ++ ज्ञान की आवश्यकता है। यहाँ, उदाहरण के लिए, जब मैंने पहली बार OpenTTD को सफलतापूर्वक संकलित किया, तो यह परिणाम है।



इस संस्करण में न तो माउस और न ही कीबोर्ड ने काम किया। केवल यह छवि ही सब कुछ है।

बड़ी संख्या में पुस्तकालयों का समर्थन करने के लिए ईस्मिप्टेन के लेखक दावा करते हैं, लेकिन यह समर्थन पूरी तरह से लागू नहीं है। उदाहरण के लिए, emscripten SDL 2.0 के एक छोटे उपसमूह को SDL 1.2 के एक मिश्रण के साथ लागू करता है। तदनुसार, मुझे एम्सस्क्रिप्टेन में आवश्यक कार्यों की कमी का सामना करना पड़ा, और मुझे उन्हें स्वयं लागू करना पड़ा। लेकिन मैं प्रोजेक्ट कमिटर्स में से एक बन गया ( ChSV !!! )।

उपरोक्त स्क्रीनशॉट में कैप्चर की गई समस्या इस तथ्य के कारण थी कि emscripten में SDL 1.2 के कार्यान्वयन ने केवल 32-बिट सतहों का समर्थन किया था और SDL_HWPALLETE ध्वज के बारे में कुछ भी नहीं जानता था। SDL_HWPALLETE मोड में एक छवि आठ बिट्स (256 रंग) में एन्कोडेड है। यह इस संबद्ध छवि संपीड़न के साथ है। यह क्षैतिज रूप से क्यों परिलक्षित होता है? मुझे अभी भी समझ नहीं आया है। इसके अलावा, मुझे निम्नलिखित कार्यों को लागू करना था: SDL_VideoModeOK, SDL_VideoDriverName, SDL_QuitSubSystem और strndump। मैंने एक गंभीर प्रदर्शन मुद्दे की पहचान की है जो लेखकों को बताया गया था और उन्होंने इसे ठीक किया। दुर्भाग्य से, साउंड सबसिस्टम पर मेरे संपादन इस समय ईस्क्रिप्टस्क्रिप्ट कोड बेस में शामिल नहीं थे।

कई मुद्दों को एम्सस्क्रिप्टेन ऑप्टिमाइज़ेशन फ़्लैग के साथ पहचाना गया है। वीडियो में आप जो गुलाबी टाइलें देख रहे हैं, वे सिर्फ अनुकूलन समस्याएं हैं - झंडे के बिना वे सही रंग के हैं। इस तरह की समस्याओं से निपटना बहुत मुश्किल है। समस्या अपने आप में पागल है (दो दिशाओं में 45 डिग्री की ढलान के साथ गुलाबी केवल पानी की टाइलें) और चालू किए गए अनुकूलन के साथ पोर्टिंग में बहुत लंबा समय (2 घंटे से अधिक) लगता है, इसलिए आप अक्सर इसका परीक्षण नहीं करते हैं। लेकिन यह बताता है कि परियोजना काफी तेज़ी से विकसित हो रही है, कीड़े एक या दो दिन के भीतर बंद हो जाते हैं (मेरा, कम से कम)।

सामान्य तौर पर, यदि आप वास्तव में चाहते हैं, तो ईम्स्क्रिप्टेन का उपयोग करके एक जटिल परियोजना को पोर्ट करना संभव है। किसी भी मामले में, आपको लघु संपादन को ईस्मिप्टेन करने या स्वयं प्रोजेक्ट करने की आवश्यकता का सामना करना पड़ेगा। लेकिन एक बार हो जाने पर, आप बिना किसी समस्या के बार-बार पोर्टिंग दोहरा सकते हैं।

यह बहुत धीमी गति से यह नहीं है?

एलोन जाकाई (परियोजना के लेखक) ने एम्सस्क्रिप्ट पर एक रिपोर्ट के साथ एक सम्मेलन में बोलते हुए, राय व्यक्त की कि जावास्क्रिप्ट स्वयं काफी तेज है और अड़चन संकलक है और इसका हमेशा इष्टतम कोड रूपांतरण नहीं है। उन्होंने निम्नलिखित प्लेट का हवाला दिया:



स्पाइडरमोन्कर (एसएम) एक फ़ायरफ़ॉक्स जावास्क्रिप्ट इंजन है; टाइप एर्रेज़ (टीए) सबसे तेज़ जावास्क्रिप्ट हीप इम्यूलेशन विधि है जो वर्तमान में ईस्मस्क्रिप्टेन द्वारा प्रदान की गई है। तालिका की कोशिकाओं में, संख्याएँ बताती हैं कि जावास्क्रिप्ट में संकलित कोड का निष्पादन कितनी बार देशी कोड की तुलना में धीमा हुआ। प्रसार, जैसा कि हम देखते हैं, एक से आठ गुना तक है (हालांकि औसत कहीं 3-5 के आसपास है)।

नीचे दिए गए आंकड़े में संख्या दिखाती है कि टेस्ट सूट http://shootout.alioth.debian.org/ में C ++ की तुलना में किसी विशेष भाषा को कितनी बार धीमा किया गया है। (ध्यान दें: यह जानकारी पहले से ही काफी पुरानी है और यह दिखाने का लक्ष्य है कि जावास्क्रिप्ट एक तेज़ भाषा है। यदि कोई इससे सहमत नहीं है, तो मैं आपसे बात करने के लिए कहता हूं, और चलो अन्य भाषाओं को नहीं छूते हैं - शायद उनके पास इन परीक्षणों में पहले से ही अलग संख्या है।)



सामान्य तौर पर, मैं इन आंकड़ों से सहमत हूं और मैं कहूंगा कि OpenTTD का जावास्क्रिप्ट संस्करण मूल निवासी की तुलना में लगभग 5-7 गुना धीमा है। लेकिन केवल FireFox ब्राउज़र में। और यह सबसे आश्चर्यजनक क्षण है जो मैंने अपने लिए खोजा। मैंने नोडज + क्रोमियम के साथ विकास का नेतृत्व किया। मैं खुद एफएफ का प्रशंसक हूं, लेकिन, दुर्भाग्य से, ओपनटीडीटी जावास्क्रिप्ट रिलीज संस्करण आकार में लगभग पचास मेगाबाइट थे और एफएफ तंग थे, जबकि क्रोमियम बहुत तेजी से काम करता था। मैंने तरंग पर क्रोमियम के बारे में सोचा, लेकिन अचानक यह पता चला कि रिलीज संस्करण क्रोमियम की तुलना में एफएफ (2-3 बार) में तेजी से गैर-तेज़ी से काम करता है। इसलिए, मैं सभी को फायरफॉक्स का उपयोग करने की सलाह देता हूं।

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

एक बार फिर, संदर्भ: play-ttd.com
वीके आवेदन

युपीडी। नई परियोजना स्थल।