HTML5 वेबसाइट शोकेस 48 पोटेंशियल फ्लैश-किलिंग डेमो

तो आपने सुना है कि HTML5 के बारे में सभी अफवाहें एडोब फ्लैश पर ले जाएंगी। जबकि अधिकांश वेब समुदाय का तर्क है कि यह संभव है या नहीं, आपको भटकना होगा कि एचटीएमएल 5 क्या इतना शक्तिशाली बनाता है कि यहां तक ​​कि विशाल कंपनी ऐप्पल भी इसका उपयोग फ्लैश को बदलने के लिए करना चाहती है।.

यही कारण है कि यह पोस्ट मौजूद है, हम इस बारे में बात नहीं करने जा रहे हैं कि HTML5 क्या कर सकता है, लेकिन जादुई चीजों का लाइव डेमो दिखाएं जो HTML5 जावास्क्रिप्ट जैसी अन्य भाषा के साथ प्राप्त कर सकते हैं, इसलिए प्रेरित होने के लिए तैयार रहें.

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

एनीमेशन

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

ऑडियोबुक एनीमेशन

HTML5 के कैनवास और ऑडियो टैग के साथ बनाया गया एक आरामदायक और शानदार एनीमेशन.

बॉल पूल

अंतिम Google I / O ईवेंट में शोकेस होने के नाते, यह डेमो आपको दिखाता है कि HTML5 कितना गतिशील हो सकता है.

बूँद सल्द

एक HTML5-spawned प्राणी जो आपको खुश करेगा.

Bomomo

बोमोमो के साथ, आप HTML5 के साथ सिम्युलेटेड विभिन्न परमाणु आंदोलन देख सकते हैं.

ब्राउज़र बॉल

इस 'क्रॉस-ब्राउज़र' एचटीएमएल 5 बॉल से चकित हो जाओ.

बुलबुले

विभिन्न रंगों के साथ अंतहीन फ्लोटिंग बुलबुले बनाकर मज़े करें.

कैनवास कार्टून एनीमेशन

एक सरल और मज़ेदार HTML5 कार्टून जो आपको यह समझने में मदद करता है कि HTML5 का कैनवास तत्व क्या कर सकता है.

Coolclock

एचटीएमएल 5 और जावास्क्रिप्ट द्वारा निर्मित एक अच्छी, अनुकूलन योग्य एनालॉग घड़ी.

फ़्लिकर PS3 स्लाइड शो

वेब ब्राउज़र में PS3 स्टाइल स्लाइड शो के साथ अपने फ़्लिकर की फ़ोटो देखें.

इंटरएक्टिव पोलारॉयड

एक इंटरैक्टिव डेमो जो मल्टी टच इंटरफ़ेस के समान काम करता है.

जेएस आतिशबाजी

HTML5 और जावास्क्रिप्ट द्वारा संचालित अपने पसंदीदा गुरुत्वाकर्षण और गति के साथ आतिशबाजी के क्षण का आनंद लें.

बहुरूपदर्शक

एक बहुत सुंदर और भविष्य HTML5 बहुरूपदर्शक.

तरल कण

संवेदनशील माउस एनीमेशन जो आपके माउस आंदोलन के आधार पर प्रतिक्रिया करता है.

Mesmerizer

एक और संवेदनशील और उत्कृष्ट एचटीएमएल 5 डेमो जो दिखाता है कि आस-पास के तत्व आपके माउस मूवमेंट पर कैसे प्रतिक्रिया करते हैं.

नेबुला बादल

इस अद्भुत HTML5 नेबुला के साथ खो जाओ.

लंबन

समानांतर परिप्रेक्ष्य में सभी 2 डी आकार देखें.

कण एनीमेशन

एक सुरुचिपूर्ण HTML5 कण एनीमेशन जो आपके पसंदीदा संदेश में बन सकता है.

फैलाना

इस अंतहीन प्रसार एनीमेशन के साथ खो जाओ.

Starfield

एक बहुत अच्छा एचटीएमएल 5 स्टारफील्ड एनीमेशन जो आपके माउस आंदोलन के आधार पर दिशा और गति को बदल देगा.

वीडियो विनाश

एक प्लेइंग वीडियो को बूम करने के लिए क्लिक करें.

तरंग

निरीक्षण करें कि HTML5 का कैनवास तरंग अपने आयाम, तरंग दैर्ध्य, चौड़ाई आदि को बदलकर कैसे चलता है.

3 डी प्रभाव

कैनवास एनीमेशन से प्रभावित? यह अधिक HTML5 का कैनवास तत्व कर सकता है, और इसे 3D प्रभाव कहा जाता है। डेवलपर 3D प्रभाव बनाने के लिए कैनवास तत्व, DOM और जावास्क्रिप्ट पर भरोसा कर सकता है, जिसे बाद में 3D एनीमेशन या गेम में विकसित किया जा सकता है.

कैनवस 3 डी और फ्लिकर

फ़्लिकर की फोटोस्ट्रीम के साथ एक नया 3 डी अनुभव प्राप्त करें.

क्लॉथ सिमुलेशन

एक यथार्थवादी, एचटीएमएल 5-आधारित कपड़ा सिमुलेशन.

राक्षस का विकास

एक जटिल प्राणी में विकसित होने वाले एक राक्षस का निरीक्षण करें, इसका एक निर्माता एचटीएमएल 5 है.

Google उपहार बॉक्स

विशालकाय खोज इंजन Google को 3 डी, खेलने योग्य दृश्य में प्रस्तुत किया गया है.

जेएस टच

एक उच्च गुणवत्ता और यथार्थवादी 2 डी कैनवास शोकेस पर 3 डी.

डेटा की प्रस्तुति

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

gnuplot

Gnuplot, HTML5 संस्करण में एक डेटा प्लॉटिंग एप्लिकेशन.

RGraph

RGraph बार चार्ट, प्रगति बार और पारंपरिक रडार चार्ट जैसी डेटा प्रस्तुति की एक विस्तृत श्रृंखला प्रदान करता है.

वेब एप्लीकेशन

अंततः, एचटीएमएल 5 और अन्य लैंग गेज द्वारा संयुक्त सभी संभावनाओं का उपयोग करके, कोई भी इंटरैक्टिव एप्लिकेशन या गेम बना सकता है जो फ्लैश एप्लिकेशन के करीब है.

CanvasPaint

Microsoft पेंट का भाई साक्षी आपके वेब ब्राउज़र में आता है, और उसका पिता HTML5 है.

CanvasMol

एक वैज्ञानिक अनुप्रयोग जो कुछ पृथ्वी तत्व की संरचना को समझने में आपकी मदद करने के लिए बनाया गया है.

कार्टून बनाने वाला

इस न्यूनतम और इंटरैक्टिव कार्टून बिल्डर के साथ दिलचस्प कार्टून छवि बनाएं.

यहां कुछ भी खींचें

विवरण दिखाने के लिए आप डेमो में जो कुछ भी खींच सकते हैं, उसे खींचें.

गार्टिक स्केच

एक मूल एचटीएमएल 5 एप्लिकेशन जो आपको कुछ बुनियादी चित्र बनाने की अनुमति देता है जिसे जेपीईजी या पीएनजी जैसे विभिन्न छवि प्रारूप में सहेजा जा सकता है.

PhysicSketch

आपको जो पसंद है उसे ड्रा करें और देखें कि वे नकली गुरुत्वाकर्षण के साथ कैसे प्रतिक्रिया करते हैं.

स्केचपैड

एक शक्तिशाली एचटीएमएल 5 ड्राइंग एप्लिकेशन जो आपको सटीक तरीके से आपकी छवि को खींचने और संपादित करने में सक्षम बनाता है.

छोटी बात

एक वेब एप्लिकेशन, जो ट्विटर से प्राप्त मौसम से संबंधित संदेश की भौगोलिक स्थिति की पुष्टि करता है, इस प्रकार उन्हें एक कैनवास-आधारित 'सामाजिक मौसम' मानचित्र में बनाता है, काफी तुच्छ (लेखक द्वारा कहा गया है) लेकिन दिलचस्प.

खेल

3Bored

यदि आप अगले सेकंड में सैकड़ों एचटीएमएल 5 बुलेट का उपयोग कर सकते हैं तो आप कभी नहीं ऊबेंगे.

फैलना

सभी ईंटों को तोड़ने के लिए गेंद को रीबाउंड करें.

Canvascape

काफी गेम नहीं है, लेकिन यह दर्शाता है कि HTML5 का उपयोग फर्स्ट पर्सन शूटिंग ब्राउज़र गेम को विकसित करने के लिए कैसे किया जा सकता है.

पकड़ लो

अपने जीतने वाले HTML5 वर्ग को प्राप्त करने के लिए आप कितनी गेंदों को चकमा दे सकते हैं?

श्रृंखला अभिक्रिया

लक्ष्य को प्राप्त करने के लिए विस्फोट को जंजीर में न डालें.

Cubeout

3 डी में टेट्रिस चलायें, ऊपर से नीचे का दृश्य.

etchaPhysics

गेंद को स्टार में स्थानांतरित करने के लिए आइटम खींचें, गुरुत्वाकर्षण के बारे में मत भूलना.

आरा पहेली

इस HTML5-आधारित पहेली को हल करने के लिए पहेली टुकड़ों पर क्लिक करें, घुमाएँ और छोड़ें.

स्लाइड पहेली

जीत के लिए स्लाइड, एक और HTML5 गेम जो आपके दिमाग का रस निचोड़ने के लिए बनाया गया है.

एक ही खेल

किसी अन्य समूह को एक ही रंग में जोड़े जाने के लिए कुछ समूह निकालें और आपको अंततः एक जीत से सम्मानित किया जाएगा.

टेट्रिस

सबसे क्लासिक गेम में से एक HTML5 द्वारा जीवन में वापस लाया गया.

टोरस्र्स

फिर भी छद्म 3 डी संस्करण में एक और टेट्रिस गेम.

निष्कर्ष

HTML5 की सीमा क्या है? इस बिंदु पर हम निर्णय नहीं ले सकते, लेकिन नीचे दिए गए प्रभावशाली वीडियो से हम यह जान सकते हैं कि HTML5 को कितनी दूर धकेल दिया गया है:

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

हम आपका विचार सुनना पसंद करते हैं!