क्रोम प्रयोगों के साथ नई वेब तकनीकों को खेलें, जानें और अनुभव करें

विज्ञापन

NS क्रोम प्रयोग जब वेब प्रौद्योगिकियों और ब्राउज़र की प्रगति की बात आती है, तो वेबसाइट नई और रोमांचक सभी चीजों के लिए एक शोकेस है, जिसमें पर ध्यान दिया जाता है जावास्क्रिप्ट. एचटीएमएल 5 HTML5 क्या है यह देखने के लिए 10 वेबसाइटें अधिक पढ़ें , कैनवास, एसवीजी और 3डी वेबजीएल इंजन सभी रचनात्मकता की छोटी-छोटी चिंगारियों में प्रमुखता से शामिल हैं जो एक सुंदर और अधिक इंटरैक्टिव इंटरनेट का मार्ग प्रशस्त कर रहे हैं।

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

Chrome प्रयोग वेबसाइट पर खेलने के लिए सैकड़ों खिलौने हैं और आपको आरंभ करने के लिए, यहां कुछ बेहतरीन खिलौने दिए गए हैं।

ब्राउज़र आवश्यकताएँ

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

बस इसमें से कुछ भी करने की कोशिश मत करो आईई6 यदि आप अभी भी IE6 का उपयोग कर रहे हैं तो आप एक समस्या हैं [राय]IE6 सबसे अच्छा था जब इसे Microsoft के सॉफ़्टवेयर फ़ैक्टरी से नए सिरे से निचोड़ा गया था। इसकी वजह से यह रिकॉर्ड 95% ब्राउज़र बाजार हिस्सेदारी हासिल करने में सक्षम था ... अधिक पढ़ें , ठीक?

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

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

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

जबकि एक पूर्ण ट्यूटोरियल नहीं है, आप इसके बारे में थोड़ा और जान सकते हैं कि यह कैसे किया गया लेखक का ब्लॉग.

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

दुर्भाग्य से इसके लिए कोई ट्यूटोरियल नहीं है, हालांकि यदि आपका कंप्यूटर इसे संभाल सकता है तो मैं दस लाख कण मोड को आजमाने की सलाह दूंगा। अंतहीन मनोरंजन के लिए एक प्रोजेक्टर और एक अंधेरा कमरा जोड़ें!

द्वारा निर्मित परिवर्तित क्वालिया जिसने कमाल की रचना भी की ro.me इंटरेक्टिव फिल्म (जिसे क्रोम प्रयोगों पर भी दिखाया गया है), वेबजीएल कारें एक 3 डी खिलौना है जो आपको कई कैमरा कोणों से बुगाटी वेरॉन और लेम्बोर्गिनी गैलार्डो को नियंत्रित करने की अनुमति देती है।

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

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

आउटसाइडऑफसोसाइटी नाम से जाने जाने वाले लेखक के पास वेबजीएल के बहुत से प्रयोग चल रहे हैं वेबसाइट.

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

ठीक है, तो आपको इससे बाहर निकलने के लिए रोबोट खरीदने की ज़रूरत नहीं है - लेकिन अगर आप तब तक खर्च करते हैं जब तक कि मैं कुछ ऐसा बनाने की कोशिश कर रहा हूं जो रोबोट से एक रोबोब्रेन जैसा दिखता है विवाद इन विकियों के साथ 4 काल्पनिक पोस्ट-एपोकैलिकप्टिक संसारों पर अपनी रुचि बढ़ाएंक्या आपने कभी अपने पसंदीदा शो या पुस्तक श्रृंखला के विकी पर छलांग लगाई है, और फिर सामग्री-संतृप्त समय के ताना-बाना में पड़ गए हैं? आप जानते हैं कि मैं किस बारे में बात कर रहा हूं - कुछ ऐसा ही क्लासिक TVTropes ब्लैक-होल... अधिक पढ़ें श्रृंखला तो आप चाहते हैं कि आपके पास था। हर किसी की कृतियों को भी देखना न भूलें!

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

जब आपके पास करने के लिए काम हो तो बस इसे खेलना शुरू न करें ...

यहां दिखाया गया अंतिम प्रयोग (सैकड़ों में से, केवल 8 को चुनना कठिन था) बल्कि विशेष है क्योंकि यह आपको ऑन-द-फ्लाई कोड का उपयोग करके WebGL ऑब्जेक्ट्स में हेरफेर करने की अनुमति देता है। साथ ही साथ देखने और खेलने के लिए डेमो के एक सेट के साथ, कुछ वेबजीएल सीखने में आपकी मदद करने के लिए ट्यूटोरियल की एक श्रृंखला है।

मैं एक कोडर नहीं हूं (मैं शब्दों को याद रखने में भयानक हूं, अकेले काम करें) लेकिन यहां तक ​​​​कि मुझे यह आकर्षक लगा और my. को होल्ड करने के लिए एक बेहतरीन ट्यूटोरियल के साथ WebGL के साथ हेराफेरी करने और चकमा देने के लिए थोड़ा सशक्त हाथ। यदि आप इस तरह की चीज़ को देने में रुचि रखते हैं, लेकिन यह नहीं जानते कि इसे कैसे करना है तो यह शुरू करने के लिए एक शानदार जगह है।

निष्कर्ष

Chrome प्रयोग वेबसाइट कलाकारों और कोडर्स के लिए अपनी रचनाएं सबमिट करने के लिए केवल एक मंच है, लेकिन यह एक महान उद्देश्य प्रदान करता है - प्रतिभा को उजागर करना और नई वेब प्रौद्योगिकियों की संभावनाओं के बारे में दूसरों को सिखाने में मदद करना। ऐसे क्रोम प्रयोग भी हैं जो आपके मोबाइल पर काम करते हैं!