15 (अधिक) प्रेरणादायक HTML5 प्रयोग

जब तक आप एक चट्टान के नीचे रह रहे हैं आपने HTML5 के बारे में सुना होगा। यह अभी हर जगह है, Apple के प्रचार के लिए धन्यवाद सी ई ओ पूर्व सीईओ स्टीव जॉब्स और कुछ डेवलपर्स जो मानते हैं कि HTML5 फ्लैश पर कब्जा कर सकता है.

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

मानो या न मानो, हम आपको 15 ज्ञानवर्धक प्रयोग दिखाएंगे, जो एचटीएमएल 5 का सबसे अच्छा उपयोग करते हैं, और लगता है कि आप गुरुत्वाकर्षण, संगीत-आधारित एनीमेशन और जीवों के प्रतिपादन का अनुभव कर सकते हैं जो सिर्फ प्राणियों की तरह काम करता है! उनके साथ एक मजेदार समय बिताएं और उफ़, वे मोज़िला फ़ायरफ़ॉक्स और Google क्रोम के नवीनतम संस्करण के साथ सर्वश्रेष्ठ सेवा कर रहे हैं.

बस मामले में आप इन HTML5 मज़ा से संतुष्ट नहीं हैं, हम आपके लिए और अधिक है!

• HTML5: 48 संभावित फ्लैश-किलिंग डेमो
• HTML5: 19 संभावित वेब अनुप्रयोग

कैनवस साइकिल

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

गूगल का महत्व

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

कैनवास के पेड़

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

चुंबकीय

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

सेलिब्रिटी की कमाई का ग्राफ

प्रति एपिसोड कितनी टेलीविजन हस्तियों की कमाई का एक दृश्य प्रतिनिधित्व देखना चाहते हैं? यह एक शांत सा ग्राफ है जो रंगीन पट्टियों के ढेर को दिखाता है जो यह दर्शाता है कि टेलीविजन शो के प्रति टेपिंग (या बनाई गई, चार्ली शीन जैसे मामलों में) एक विशिष्ट हस्ती कितना विशिष्ट है। इसे कई परियोजनाओं और प्रयोगों में से एक के रूप में डैनियल रैप द्वारा बनाया गया था.

कैनवास रिबन

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

WebGL Water

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

Chrysaora

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

वोकेल रेन

Voxel वर्षा का अर्थ है बहु-रंगीन 3D बक्से एक घूर्णन बड़ा ब्लॉक बनाने के लिए उतरते हैं। यह 1990 के दशक में कंप्यूटर की संभावनाओं को प्रदर्शित करने जैसा है, और अब यह HTML5 की शक्ति का उपयोग करके वेब ब्राउज़र की ओर आता है, इंटरनेट का सबसे उज्ज्वल युग अधिक दूर नहीं है.

HTML5 पाठ प्रभाव

अक्सर हम वेब डिज़ाइनर को आश्चर्यचकित करते हैं कि एचटीएमएल 5 वास्तव में वेब टाइपोग्राफी में सफलता के लिए हमें कितनी संभावनाएं देता है, और यह डेमो आपको जवाब देता है, पहले से कहीं ज्यादा! आप गवाही देने के लिए त्रिविम प्रभाव, नीयन प्रभाव, या यहां तक ​​कि नीयन प्रभाव का चयन कर सकते हैं, वेब टाइपोग्राफी का भविष्य HTML5 के हाथ में है.

कताई HTML5 लोगो

मैं सिर्फ एचटीएमएल 5 की महिमा नहीं पकड़ सकता, यह कताई है, यह घूम रहा है ... यह अच्छा है.

3 डी में स्केचिंग

HTML5- आधारित 2D स्केचिंग सेवा से ऊब गए हैं? इसकी जांच करें। बस एक रेखा खींचें, और स्पेस दबाएं फिर बाएं या दाएं खींचें, और आप अपनी ड्राइंग को 3 डी परिप्रेक्ष्य में घूमते हुए देखेंगे। HTML5 के साथ 3D स्केचिंग अधिक जटिल नहीं है.

mta.me कंडक्टर

Mta.me कंडक्टर आपको स्पैनिंग बिंदुओं द्वारा प्रेरित करता है जो लाइनों को बनाने के लिए लगातार आगे बढ़ेंगे, और जब लाइनें “भिड़ना” एक दूसरे के साथ वे कुछ बातचीत शुरू हो जाएगा। सभी को साबित करने के लिए कि एचटीएमएल 5 सिर्फ कोड के बारे में नहीं है, बल्कि बातचीत भी है और यही वेब उपयोगकर्ताओं को वास्तव में परवाह है.

Doogle जीमेल

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

डब्ल्यू पायलट

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