यदि पास्कल का CRT मॉड्यूल जावास्क्रिप्ट में था

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

प्रविष्टि

प्रोग्रामिंग के साथ मेरा परिचित 8 वीं कक्षा में शुरू हुआ, जब मैंने पहली बार एक सूचनात्मक पाठ में सीखा कि पास्कल क्या है और यह क्या अवसर देता है। तब टर्बो पास्कल को स्कूल के कंप्यूटरों में स्थापित किया गया था, हालाँकि कंप्यूटर विज्ञान के शिक्षक लंबे समय से पास्कलैब.नेट लगाना चाहते थे। बेशक, यह सब कंसोल में लाइन के सामान्य निष्कर्ष के साथ शुरू हुआ, मेरी गतिविधि मुख्य रूप से ओजीई के लिए उत्कृष्ट तैयारी के उद्देश्य से थी। किसी भी मॉड्यूल का अध्ययन नहीं किया गया था, क्योंकि किसी को भी परीक्षा में इसकी आवश्यकता नहीं थी।

लेकिन यहां तक ​​कि जब मैं कंसोल विंडो को खुद को "अधीनस्थ" कर सकता था, तो मुझे जो भी चाहिए था, वह सब कुछ प्रदर्शित करें, गणना करें, उपयोगकर्ता से इनपुट स्वीकार करें, मुझे आश्चर्य था कि यह कितना अच्छा है!

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

यह कैसे CRT के लिए आया था

वापस स्कूल में, मैंने सीआरटी नामक एक दिलचस्प पास्कल मॉड्यूल का अध्ययन किया। वास्तव में, इसमें कुछ भी जटिल नहीं है, आदेशों का सेट वास्तव में, छोटा है, लेकिन उन्होंने आपको कंसोल विंडो में नई चीजें करने की अनुमति दी: कर्सर को 80x25 स्क्रीन (डॉस स्क्रीन आकार) पर ले जाएं, पृष्ठभूमि और पाठ के रंग बदलें, एक निश्चित आवृत्ति की ध्वनि खेलें और अवधि। उस पर एएससीआईआई के पूर्ण गेम बनाना संभव था, जो व्यावहारिक रूप से अपने छोटे आकार के कारण हार्ड डिस्क पर जगह नहीं लेते थे।

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

विचार ही

परियोजना में तीन फ़ाइलों की एक बहुत ही सरल संरचना है:

• crt.js - HTML फ़ाइल से जुड़े होने के लिए फ़ंक्शंस वाली फ़ाइल
• index.html - file - वह आधार जो ब्राउज़र में खोला जाना चाहिए
• user.js - एक खाली फाइल जिसमें प्रोग्रामर को अपना कोड लिखना होगा

पहले, मैं उन टीमों का नाम दूंगा जो वर्तमान में लागू हैं, और फिर मैं दिखाऊंगा कि वे कैसे काम करते हैं।

कार्यान्वित आदेश:

• gotoxy (x, y) - कर्सर को निर्देशांक में ले जाएं
• लिखना (str) - स्क्रीन पर एक स्ट्रिंग प्रदर्शित करना
• clrscr () - पूर्व चयनित पृष्ठभूमि के साथ स्क्रीन को साफ़ करें और 1,1 को निर्देशांक करने के लिए कर्सर को स्थानांतरित करें
• textcolor (int) - पाठ का रंग बदलें
• textbackground (int) - पृष्ठभूमि का रंग बदलें
• ध्वनि (fr, 1000) - fr की आवृत्ति और 1 सेकंड की अवधि के साथ ध्वनि चलाएं

आइए "मॉड्यूल" का एक उदाहरण दिखाएं:

कोड:



परिणाम:



यह आपको लग सकता है कि अक्षर एक दूसरे से अलग हैं। हाँ, यह है। तथ्य यह है कि यहां पृष्ठ की सामग्री को भागों द्वारा विभाजित किया गया है। आइए डॉस विंडो (80x25) के आकार को याद रखें। तो कितने विभाग हैं? यह सही है, 2000. उनमें से प्रत्येक समान आकार का है। सामान्य तौर पर, जब आप एक पृष्ठ शुरू करते हैं, तो निम्न फ़ंक्शन स्वचालित रूप से किया जाता है:



मैंने विशेष रूप से जेएस पर यह काम पोस्ट किया है। मैं चाहता था कि html फ़ाइल साफ और स्पष्ट हो।



हां, इस योजना के कारण, एक प्रभाव है, जब मैं कमजोर पीसी पर पृष्ठ शुरू करता हूं, तो मुझे लगता है कि केवल लोडिंग 4-5 सेकंड के लिए होगी, क्योंकि चक्र काफी जटिल है। मैं प्रत्येक पंक्ति पर टिप्पणी करने की बात नहीं देखता, फोटो में मुख्य क्रियाओं को समझाया गया है। हर बार हम कुछ आईडी और मापदंडों के साथ एक div उत्पन्न करते हैं और इसे शरीर में जोड़ते हैं। प्रत्येक div में केवल एक वर्ण होता है , जैसा कि DOS (एक कोशिका - एक वर्ण) में सादृश्य द्वारा होता है।

निर्देशांक और रंगों के साथ काम करना इन चरों पर आधारित है:



गेटोक्सी (x, y), टेक्स्टकलर (int), टेक्स्टबैकग्राउंड (int) कमांड केवल चर xnow, ynow, color, bgcolor की सामग्री को बदलते हैं।

फूलों के साथ दिलचस्प बिंदु हैं। डॉस में, जैसा कि हम जानते हैं, एक सेट से रंग चुनना संभव था जिसमें केवल 16 रंग थे। पास्कल में, आप नंबर (0-15) का उपयोग करके रंग तक पहुंच सकते हैं। इसके अलावा, डॉस में, पृष्ठभूमि को केवल पहले आठ रंगों और सभी 16 से पाठ से चुना गया था। जबकि PascalABC.NET में विंडोज में, जब मॉड्यूल जुड़ा हुआ है, तो पृष्ठभूमि को सभी 16 रंगों से बदला जा सकता है। शायद हर कोई यह नहीं समझ पाया कि मैं अब क्या बताना चाहता हूं, लेकिन आइए एक उदाहरण के साथ समझाते हैं:



कंसोल में उपयोग किए जाने वाले सभी रंग यहां सूचीबद्ध हैं। अगर हम DOS में बैकग्राउंड को लाइट ग्रीन (10) में बदलने की कोशिश करते हैं, तो बैकग्राउंड ग्रीन (2) हो जाएगा, जबकि फॉन्ट वह रंग बन जाएगा जिसकी हमें आवश्यकता थी। किसी कारण से, डॉस (फ्री पास्कल) में पृष्ठभूमि को बदलने की क्षमता आठ रंगों तक सीमित है।

और अब clrscr कमांड के बारे में, जिसने एक विशिष्ट रंग के साथ स्क्रीन को साफ किया। जेएस में, मैंने इसे इस तरह लागू किया:



यहां कुछ भी जटिल नहीं है। हम सभी डिव के माध्यम से लूप करते हैं, जहां प्रत्येक सामग्री में हम इसे खाली करते हैं (चूंकि डॉस वर्ण मिटा दिए जाते हैं) और पृष्ठभूमि को टेक्स्टबैकग्राउंड कमांड द्वारा अग्रिम में चयनित रंग में बदल दें। और, ज़ाहिर है, 1.1 (खिड़की के ऊपरी बाएँ कोने) स्थिति के लिए कर्सर वापस करने के लिए मत भूलना।

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

कार्यान्वयन:



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

प्रत्येक अक्षर को पूरी तरह से आवंटित सेल पर कब्जा करना चाहिए, इसलिए फ़ॉन्ट आकार div के आकार द्वारा शासित होता है। इसके अलावा, यह मत भूलो कि अक्षरों के पीछे की पृष्ठभूमि को उस टेक्स्ट टेक्स्ट ग्राउंड कमांड द्वारा सेट किए गए में बदलना चाहिए।

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

हमें याद है कि आउटपुट के लिए, उदाहरण के लिए, 200 हर्ट्ज की आवृत्ति और 1 सेकंड की अवधि के साथ ध्वनि, आपको कोड लिखने की आवश्यकता है:

sound(200); delay(1000); nosound; 

जेएस में, मुझे यह करना था:



लेकिन फिर यह काम करता है! कार्यान्वयन:



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

इस फ़ंक्शन का उपयोग करते समय सही, स्पष्ट कारणों के लिए, Chrome, शपथ लेना शुरू करता है:



मैंने सेटटाइमआउट के साथ समस्या को हल करने की कोशिश की, हालांकि यह हमेशा काम नहीं करता है।

लेकिन अगर आप जल्दी से लोडिंग के दौरान पेज पर क्लिक करते हैं, तो ध्वनि को पुन: पेश किया जाता है, लेकिन यह पूरी तरह से अलग कहानी है।

निष्कर्ष

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

बस मामले में, यह GitHub पर पोस्ट किया