👹 🤤 ⛹🏿 पाँच वेबजीएल प्रस्तुतियाँ जो विस्मित करती हैं 🛃 🌺 📮

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

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

पोर्श 911

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

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

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

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

हालांकि, विवेकपूर्ण जर्मनों को कार की उपस्थिति तक सीमित नहीं किया गया था और इसके अंदरूनी हिस्सों में एक झलक की अनुमति दी थी। बेशक, सभी चित्रों को फोटोग्राफिक गुणवत्ता द्वारा चिह्नित किया जाता है, चाहे वह कार इंटीरियर हो, तकनीकी निलंबन इकाइयां हों या स्पार्कलिंग इंजन हो। सब कुछ घूमता है, घूमता है और एक टन जानकारी प्रदान करता है। कुछ विवरण इतने सटीक हैं कि संदेह रेंगता है, और क्या ये तस्वीरें आदिम के फ्रेम पर "तना हुआ" नहीं हैं?

एक एपोथिसिस के रूप में या बस ग्राहक को "निचोड़ने" की इच्छा के रूप में, प्रस्तुति के अंत में एक प्रकार का डिज़ाइनर पेश किया जाता है, जहाँ आप कार संशोधन, पहिए या रंग बदल सकते हैं। बेशक, यह सब सिर्फ एक सफल मार्केटिंग कदम है, लेकिन यहां एक उच्च गुणवत्ता वाला दृश्य क्या है! वैसे, कई प्रसिद्ध ब्रांड (ay, AvtoVAZ!) नई कारों के प्रदर्शनों के समान दृष्टिकोण का उपयोग करें।

मंगल पर चलो

यदि पहली प्रस्तुति तीन .js इंजन का उपयोग करके की गई थी, तो अगला कार्यक्रम हमारे प्रोग्रामर की योग्यता है। नहीं, आवेदन खुद नासा के आंतों में बनाया गया था, केवल घरेलू विकास ब्लेंड 4वेब का उपयोग आधार के रूप में किया गया था। तो, यहाँ क्या दिलचस्प है ...

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

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

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

SkyNet में दर्ज करें

स्काईनेट द्वारा संचालित सर्वनाश आ रहा है! और, यदि आप भविष्य के दुश्मनों से मिलना चाहते हैं - यह नेटवर्क में प्रवेश करने का समय है ।

निर्दिष्ट साइट फिल्म "टर्मिनेटर: उत्पत्ति" देखने के लिए एक उत्कृष्ट प्रलोभन के अलावा कुछ भी नहीं है। मानक पोस्टर, ट्रेलर, टीज़र के अलावा - फिल्म निर्माता इस तरह के एक महान इंटरैक्टिव शो के साथ आए।

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

ईमानदारी से, फिल्म के बारे में जानकारी की यह प्रस्तुति अभिनव और बहुत मोहक लगती है। वेबजीएल / एचटीएमएल 5 बार को धारणा के बिल्कुल अलग स्तर तक बढ़ाता है।

बायोडाइजीटल मानव

और यह पूरी तरह से अलग स्तर है। यदि पहले तीन मामलों में WebGL तकनीक का इस्तेमाल मनोरंजन प्रयोजनों के लिए अधिक किया गया था, तो यहां डेवलपर्स एक सीखने के संदर्भ में अपनी सर्वोत्तम प्रथाओं की पेशकश करते हैं।

यह परियोजना चिकित्सा उद्योग से संबंधित संगठनों पर केंद्रित है। विभिन्न अंगों के गुणात्मक रूप से निष्पादित मॉडल, चल रही प्रक्रियाओं का सटीक दृश्य, विशेष देखने के तरीके - यह सब हमें सीखने की प्रक्रिया को सरल बनाने या रोग की विशेषताओं को प्रदर्शित करने की अनुमति देता है।

और यहाँ यह मॉडल की गुणवत्ता भी नहीं है, लेकिन कार्यान्वयन की सटीकता। उदाहरण के लिए, जब घुटने के जोड़ के ऑपरेशन का प्रदर्शन किया जाता है, तो आप इसे उम्मीद से ज्यादा झुक नहीं पाएंगे।

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

डेवलपर्स के अनुसार, लगभग 5,000 ऑब्जेक्ट बनाए गए हैं, और मानव शरीर रचना विज्ञान पर कई पूर्ण सबक किए गए हैं। ऐसा लगता है कि सीखने के लिए इस तरह का दृष्टिकोण पारंपरिक पेपर एटलस की तुलना में बहुत अधिक प्रभावी होगा।

हाय हेलो!

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

यह विचार घृणित करने के लिए सरल है, लेकिन यह WebGL के लिए धन्यवाद था कि एक असामान्य दृश्य चित्र (आपको "लाइव" देखने की आवश्यकता थी, क्योंकि स्क्रीनशॉट कुछ बड़े संदेश बोर्ड के साथ प्रसारित नहीं होता है)।

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

पी.एस

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