HTML5 Web Sitesi Vitrin 48 Potansiyel Flash-Öldürme Demoları

Yani, HTML5 ile ilgili tüm söylentilerin Adobe Flash'ı ele geçireceğini duydunuz. Çoğu web topluluğu bunun mümkün olup olmadığını savunurken, HTML5'i bu kadar güçlü yapan şey de dolaşıyor olmalısınız..

Bu nedenle bu yazı var, HTML5'in neler yapabileceği hakkında konuşmayacağız, ancak HTML5'in JavaScript gibi diğer dillerle elde edebileceği sihirli şeylerin canlı gösterilerini göster, bu yüzden ilham almaya hazır ol.

Not: HTML5, Internet Explorer gibi belirli bir web tarayıcısı tarafından tam olarak desteklenmediğinden, aşağıdaki tüm HTML5 gösterimlerini görüntülemek için Firefox tarayıcı kullanmanız önemle tavsiye edilir..

Animasyon

HTML5'in tuval öğesi, HTML5'in belirli Flash animasyonunu değiştirmesi için belirleyici faktördür. Javascript ile 2D şekillerin ve bitmap görüntülerin dinamik, komut dosyası oluşturulmuş oluşturulmasını sağlar; bu da diğer bir deyişle kontrol edilebilir bir animasyondur..

Audioburst Animasyonu

HTML5'in tuvali ve ses etiketi ile oluşturulmuş konforlu ve harika bir animasyon.

Top havuzu

Son Google I / O etkinliğinde tanıtılan bu demo, HTML5'in ne kadar dinamik olabileceğini gösteriyor.

Blob Sallad

Sizi memnun edecek bir HTML5 kaynaklı yaratık.

Bomomo

Bomomo ile HTML5 ile simüle edilmiş farklı atomik hareketleri gözlemleyebilirsiniz..

Tarayıcı Topu

Bu 'tarayıcı arası' HTML5 topuna hayran kal.

Kabarcıklar

Farklı renklerle sonsuz yüzen kabarcıklar oluşturarak eğlenin.

Tuval Çizgi Film Animasyonu

HTML5'in tuval öğesinin neler yapabileceğini anlamanıza yardımcı olan basit ve eğlenceli bir HTML5 karikatürü.

coolclock

HTML5 ve JavaScript tarafından oluşturulan hoş, özelleştirilebilir bir analog saat.

Flickr PS3 Slayt gösterisi

Flickr'ınızın fotoğraflarını web tarayıcısında PS3 tarzı slayt gösterisi ile görüntüleyin.

İnteraktif Polaroid

Çoklu dokunmatik arayüze çok benzeyen etkileşimli bir demo.

JS Fireworks

HTML5 ve Javascript ile güçlendirilmiş, tercih ettiğiniz yerçekimi ve hız ile havai fişek anının tadını çıkarın.

Kaleydoskop

Çok güzel ve fütüristik bir HTML5 kaleidoscope.

Sıvı Parçacıklar

Fare hareketinize göre tepki veren hassas parçacık animasyonu.

Mesmerizer

Yakındaki öğelerin size fare hareketi ile nasıl tepki verdiğini gösteren bir diğer hassas ve olağanüstü HTML5 demosu.

Nebula Bulutu

Bu harika HTML5 Bulutsusu ile kaybolun.

Paralaks

Tüm 2D şekilleri paralel perspektifte görüntüle.

Parçacık Animasyonu

Tercih ettiğiniz mesaja dönüşen zarif bir HTML5 parçacık animasyonu.

YAYILMIŞ

Bu sonsuz yayılma animasyonu ile kaybolun.

Starfield

Fare hareketinize göre yönünü ve hızını değiştirecek çok güzel bir HTML5 starfield animasyonu.

Video İmhası

Oynatılan bir videoyu izlemek için tek bir tıklama.

Dalga biçimi

HTML5'in kanvas dalgasının genliğini, dalga boyunu, genişliğini vb. Değiştirerek nasıl hareket ettiğini gözlemleyin..

3B Etkisi

Tuval animasyonundan etkilendim mi? Bu daha çok HTML5'in tuval öğesi yapabilir ve buna 3D efekti denir. Geliştirici, daha sonra 3D animasyon veya oyunda geliştirilebilecek 3B efekti oluşturmak için tuval öğesi, DOM ve JavaScript’e güvenebilir.

Canvas3D ve Flickr

Flickr'ın photostream ile yepyeni bir 3D deneyimini yaşayın.

Bez Simülasyonu

Gerçekçi, HTML5 tabanlı bir bez simülasyonu.

Gelişen Canavar

Karmaşık bir yaratığa dönüşen bir canavarı gözlemleyin, yaratıcısının biri HTML5'tir..

Google Giftbox

Dev arama motoru Google 3D, oynanabilir görünümde sunulmaktadır.

JS Touch

Yüksek kaliteli ve gerçekçi '2D Canvas'ta 3D' vitrini.

Veri sunumu

HTML5'in tuval öğesi animasyon ve 3D efekti oluşturmak için kullanılabilirken, matematiksel verileri sunmak için de uygulanabilir.

gnuplot

Gnuplot, HTML5 sürümünde bir veri çizim uygulaması.

RGraph

RGraph, çubuk grafik, ilerleme çubuğu ve geleneksel radar grafiği gibi geniş bir veri sunumu yelpazesi sunar..

Web Uygulaması

Sonuçta, HTML5 ve diğer dillerle birleştirilen tüm olasılıkları kullanarak, biri Flash uygulamasına yakın etkileşimli bir uygulama veya oyun oluşturabilir.

CanvasPaint

Microsoft Paint'in erkek kardeşinin web tarayıcınıza girdiğine tanık olun ve babası HTML5.

CanvasMol

Bazı toprak elementlerinin yapısını anlamanıza yardımcı olmak için inşa edilmiş bilimsel bir uygulama.

Çizgi Film Oluşturucu

Bu minimal ve etkileşimli çizgi film üreticisi ile ilginç çizgi film resmi çizin.

Burada herhangi bir şey sürükleyin

Ayrıntıları göstermek için gösteride sürükleyebileceğiniz her şeyi sürükleyin.

Gartik Kroki

Jpeg veya png gibi farklı görüntü formatlarına kaydedilebilecek bazı temel çizimler yapmanıza izin veren özgün bir HTML5 uygulaması.

PhysicSketch

Ne istersen onu çiz ve simüle yerçekimi ile nasıl tepki verdiklerini gör..

Eskiz

Resminizi tam olarak çizmenize ve düzenlemenize olanak tanıyan güçlü bir HTML5 çizim uygulaması.

Smalltalk

Twitter'dan elde edilen ve hava ile ilgili mesajların coğrafi konumunu doğrulayan, böylece onları tuval temelli bir 'sosyal hava' haritası haline getiren, oldukça önemsiz (yazarın da belirttiği gibi) ilginç bir web uygulaması.

oyun

3Bored

Bir sonraki saniyede yüzlerce HTML5 mermisinden kurtulmaya devam edersen hiç sıkılmazsın..

Çıkmak

Tüm tuğlaları kırmak için topu geri toplayın.

Canvascape

Tam bir oyun değil, ancak HTML5'in First Person Shooting tarayıcı oyununu geliştirmek için nasıl kullanılabileceğini gösteriyor.

Yakala onu

Kazanan HTML5 karenizi almak için kaç top atlatabilirsiniz?

Zincir reaksiyonu

Hedefe ulaşmak için patlamayı zincirle, bağımlı olma.

Cubeout

Tetris'i 3D, yukarıdan aşağı görünüme göre oynayın.

etchaPhysics

Topu yıldıza doğru hareket ettirmek için öğe çizin, yerçekimini unutmayın.

Yapboz

Bu HTML5 tabanlı yapboz bulmacayı çözmek için yapboz parçalarını tıklayın, döndürün ve bırakın.

Slayt bulmaca

Zafere kaydırın, aklınızdaki suyu sıkmak için geliştirilmiş başka bir HTML5 oyunu..

Aynı oyun

Başka bir grubun aynı renkte eşleşmesini sağlamak için belirli grubu kaldırın; sonunda bir zafer kazanın.

Tetris

HTML5 ile hayata döndürülen en klasik oyunlardan biri.

yumru

Sözde-3D versiyonunda bir başka Tetris oyunu.

Sonuç

HTML5'in sınırı nedir? Bu noktada karar veremiyoruz, ancak aşağıdaki etkileyici video ile HTML5'in ne kadar ileri itildiğini biliyoruz:

Evet, web tarayıcısındaki Quake II, bu yüzden artık HTML5 ile milyarlarca internet kullanıcısına hizmet etmek için daha çığır açan bir web uygulamasının doğacağı çok açık. Hızlı, evrim geçiriyor ve dünya çapındaki ağı değiştiriyor. Asıl soru, bu oyun değiştiren HTML5'i nasıl kullanırsınız??

Fikrinizi duymak isteriz!