30 वेबलॉग प्रयोग जो सिर्फ वाह हैं!

निहारना, महान वादों के साथ एक महान उपकरण के लिए आपकी आँखों में आ रहा है। यह तेज और चिकनी है। यह 3 डी प्रदान करता है, और एकीकरण के साथ यह एनिमेट करता है, लगता है कि यह क्या है? एचटीएमएल 5? CSS3? नहीं, इसे वेबजीएल कहा जाता है, एक सॉफ्टवेयर लाइब्रेरी जो इंटरैक्टिव 3 डी ग्राफिक्स उत्पन्न करने के लिए जावास्क्रिप्ट की क्षमता का विस्तार करती है, और हां, बिना किसी प्लग इन के!

इस प्रदर्शन में, हम आपको नियमित चीजें नहीं दिखाना चाहते हैं। हम आपको दिखाना चाहते हैं 30 वेबजीएल प्रयोगआपके द्वारा वेबगेल की सच्ची क्षमता को देखने के लिए पेशेवर डेवलपर्स द्वारा सावधानीपूर्वक तैयार किए गए हैं जो न केवल प्रेरणादायक हैं, बल्कि आपको इस बारे में एक झलक भी देते हैं कि वेब का भविष्य कैसा हो सकता है। क्लिक करने के बाद भविष्य में जाएं!

Google Chrome के डेवलपर संस्करण के नवीनतम संस्करण का उपयोग करके आपको इन डेमो को देखने की दृढ़ता से अनुशंसा की जाती है। हालांकि अधिकांश डेमो फ़ायरफ़ॉक्स, Google क्रोम और सफारी के नवीनतम संस्करण का समर्थन करते हैं.

3 ब्लैक के सपने

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

एनिमेटेड वॉल्यूम कण

यह एक वास्तव में कलात्मक है - एनिमेटेड जानवर जो फ्लोट बनावट और फ्रेम बफर वस्तुओं का उपयोग करके 3 डी कणों द्वारा निर्मित हैं। यदि आप माउस को हिलाते हैं तो अधिक आश्चर्य होगा!

मछलीघर

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

Azathioprine

संभवतः सबसे महाकाव्य वेबजीएल डेमो, पर्याप्त कहा। लेखक जोचेन विल्हेल्मि को हैट टिप.

आकर्षण ट्रिप

यदि आप 3D का अनुभव करना चाहते हैं, तो यह आपके लिए सबसे अच्छा डेमो है, मार्टिन के Hopalong फॉर्मूला का उपयोग करके WebGL- जनित ग्राफिक्स की अपार सुंदरता के साथ ध्यान भी लगाएं।.

जेलिफ़िश

“प्रक्रियात्मक मॉडलिंग साइड एफएक्स हौदिनी के साथ किया गया। एक पायथन निर्यातक के साथ json प्रारूप में निर्यात किया गया। ऑटोडेस्क मडबॉक्स का उपयोग करते हुए बनावट चित्रित। एक शीर्ष shader के साथ एनिमेटेड.”

Chrysaora

यह एक नियमित एनीमेशन डेमो नहीं है, लेकिन इसमें गतिशील रूप से सिम्युलेटेड कंकाल, आंशिक सर्वर-साइड सिमुलेशन और WebSocket, कैमरा-फेसिंग कण प्रणाली, वॉल्यूमेट्रिक लाइट इफेक्ट, और व्लादिमीर Vukićević की mss मैट्रिक्स लाइब्रेरी शामिल हैं। संक्षेप में, जटिल कार्यों के साथ एक अद्भुत प्रयोग.

HelloRacer

पेश है हाई-एंड इंटरएक्टिव कार सिमुलेशन, हेलोएन्जॉय द्वारा विशेष रूप से आपके लिए लाया गया.

सामग्री: कारें

आपके ब्राउज़र में Bugatti Veyron, Lamborghini Gallardo, Ferrari F50 और Chevrolet Camaro। अपनी सवारी चुनें और दृश्य का आनंद लें। हेक, आप भी उनके रंगों का चयन कर सकते हैं.

वेबलॉग कारें

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

मेरा रोबोट राष्ट्र

ठीक है, अगर आंकड़ा आपका पसंदीदा नहीं है, तो शांत और आकर्षक रोबोट बनाने और अपने दोस्त को दिखाने की कोशिश करें! आप इसे वास्तविक सौदा करने के लिए अपने रुपये भी खर्च कर सकते हैं.

Pacmaze

कैसे एक 3 डी पीएसी मैन खेल के बारे में? ग्राफिक और गेमप्ले अच्छे हैं, और सबसे महत्वपूर्ण बात यह है कि यह मजेदार है!

रेड शूटिंग हुड

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

TankWorld

आप इसका अनुमान लगाते हैं, हथियारों के साथ एक मनोरंजक टैंक शूटर गेम का उपयोग करने और नक्शे का पता लगाने के लिए, और कुछ स्तरों में आप दुनिया का पता लगाने के लिए एक हेलीकाप्टर भी प्राप्त कर सकते हैं! यह वास्तव में सिर्फ एक नियमित खेल से अधिक है, और ग्राफिक आरामदायक दिखता है!

pulpo

सरल ग्राफिक्स और एनीमेशन का सबसे अच्छा उदाहरण लोगों को प्रभावित कर सकता है जब उन्हें सही किया जाता है.

सतह

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

फोटो पार्टिकल्स

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

Rutt-Etra-izer

Rutt-Etra-Izer क्लासिक Rutt-Etra वीडियो सिंथेसाइज़र का एक WebGL एमुलेशन है। डेमो आपको अपनी खुद की छवियों को अंदर रखने और उन्हें हेरफेर करने की अनुमति देता है। इस सामान के साथ, एक 2 डी छवि भी 3 डी की तरह दिख सकती है!

द वॉबल डांस

एक सरल अभी तक उल्लेखनीय डेमो जो दिखाता है कि वेबलॉग कितना तरल हो सकता है, अनीसोट्रोपिक लाइट शेडर और वोबेल वर्टेक्स विरूपण के साथ.

Ultranoir

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

अन्डरंग बंदर

“इस बार मैं सिर्फ यह देखने के लिए एक परीक्षण करना चाहता था कि मैं जावास्क्रिप्ट में कितने वर्टेक्स पोजीशन और मानदंडों को सीधे अपडेट कर सकता हूं। २००० की बारी है बस ठीक है :) मैं भी थोड़ा सा पर्यावरण मानचित्रण में जोड़ा। और विचित्रता। हमेशा विचित्रता जोड़ें.”

वीडियो एफएक्स

डैनियल पेटर्सन द्वारा किया गया प्रभावशाली ऐप जो आपको एक हैप्पी फीट 2 ट्रेलर में एक साथ कई पोस्टप्रोसेसिंग प्रभाव लागू करने की अनुमति देता है। कोशिश करो और मज़े करो!

स्वरों का तरल

क्लासिक 2 डी जल प्रभाव एल्गोरिदम का 3 डी प्रतिनिधित्व, आपको यह भी दिखाता है कि वेबजीएल कितना इंटरैक्टिव है.

WebGL बुककेस

Google डेटा आर्ट्स टीम द्वारा विकसित इस WebGL Bookcase के साथ 10,000 से अधिक बुक कवर ब्राउज़ करें। आप विषय के आधार पर भी खोज सकते हैं, उस पर क्लिक करके प्रत्येक का 3D मॉडल खोलें, और QR कोड के साथ अपने फोन पर पुस्तकें डाउनलोड करें.

वेबलॉग ग्लोब

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

विश्व उड़ानें

एक और दृश्य-आकर्षक डेटा विज़ुअलाइज़ेशन ऐप जो प्रमुख एयरलाइनों के उड़ान मार्गों की कल्पना करता है, आशाजनक लगता है!

WebGL छवि फ़िल्टर

WebGL के साथ ग्राफिक एडिटर एप्लिकेशन? यह कभी असंभव नहीं है। सभी के सर्वश्रेष्ठ, यह तेज और चिकनी है!

WebGL Water

“पानी का एक पूल प्रतिबिंब, अपवर्तन, कास्टिक, और परिवेश रोड़ा के साथ प्रदान किया गया। पूल को एक ऊंचाई के क्षेत्र के साथ जोड़ा गया है और इसमें एक गोला है जो पानी की सतह के साथ बातचीत कर सकता है.”

प्रतिबिंब

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

हालाँकि, क्रोनोस ग्रुप जिसमें मोज़िला और गूगल शामिल हैं, संभावित संभावित खतरों के खिलाफ सुरक्षा को मजबूत करने के लिए संभावित समाधान और भविष्य के विकास के दृष्टिकोण का सुझाव दे रहा है। उम्मीद है कि मुद्दों को कम किया जा सकता है और भविष्य में भी हल किया जा सकता है, क्योंकि WebGL में बहुत सारी संभावनाएं हैं जैसे प्रतिभाशाली और पेशेवर डेवलपर्स!

हमें बताएं कि कौन सा प्रयोग आपको सबसे ज्यादा हैरान करता है, और अगर आपको एक मिल गया है, तो हमें दिखाओ!

अधिक संबंधित पोस्ट:

• एचटीएमएल 5 वेबसाइट: 48 संभावित फ्लैश-किलिंग डेमो
• HTML5 वेबसाइट: 15 और प्रयोग
• CSS3 के एनीमेशन डेमो को प्रेरित करना