Html5‘in bu kadar popülerleşmesini sağlayan elementlerden biri de canvas elementidir. Web uygulamalarında oldukça popülerleşebilecek olan canvas, 2D olarak dinamik fotoğraflar yapabileceğiniz bir bileşendir. Javascript üzerinden çalışan bu element ile birçok muhteşem uygulama yapılabilir. Aşağıdaki birbirinden eğlenceli canvas uygulamalarını inceleyebilirsiniz. Html5 Canvas Uygulamaları;Canvas Aquarium
Tarayacı üzerinden sanal olarak siz de büyük bir akvaryuma ve dilediğiniz kadar balığa sahip olabilirsiniz. Gerçekçi balık hareketleri, hareketli su efektleri, kabarcıklar sayesinde oldukça hoş bir uygulama. Daha fazla balık istiyorsanız akvarmuya tıklamanız yeterli.Twitter. Canvas. 10K
Arka planında siyah hareketli kabarcıkların bulunduğu ve Twitter ile entegre edilmiş hoş bir Html5 Canvas uygulamasında her bir siyah kabarcık bir Twitter kullanıcısını belirtiyor. Haraketli hoş arka planı sayesinde farklı şekillerde kullanılabilecek çok güzel bir uygulama.HTML5 Canvas and Audio Experiment
Html5 ve JavaScript ile yapılan bu uygulama bir JavaScript tabanlı parçaçık motoru denemesi. Binlerce farklı renkteki noktacık, mouse hareketi ve kendiliğinden hareket ediyorlar. Farklı şekiller oluşturabiliyorlar. Ayrıca her bir nokta Twitter‘dan bir tweet‘i temsil ediyor.Agent 008 Ball
Html5 kullanılarak yapılmış oldukça güzel bir bilardo oyunu. Grafik, oynanış ve performans açısından oldukça etkileyici olarak hazırlanan bu oyunda durdurma, yeniden başlatma gibi özellikler de bulunmakta.Canvas Cycle
Chrome Experiments uygulaması olan Canvas Cycle bir 8-bit renk ile hazırlanan farklı görseller bulunan hareketli resimler topluluğudur. Çözünürlük biraz az olsa bile oldukça güzel ve göze hoş gelmekte. Ayrıca yakınlaşma/uzaklaşma, ses açma/kapama, harekteleri hızlandırma/yavaşlatma gibi ekstra özellikler de bulunmakta.jsCanvasBike
Html5 ile yapılan başka bir Chrome Experiments uygulaması olan jsCanvasBike, basit bir motorbisiklet oyunudur. Klavye ile kontrol imkanı veren bu oyun ile ziyaretçileriniz boş vakitlerini değerlendirebilir.
Ayrıca Bakınız;
* Muhteşem HTML5 Animasyon Uygulamaları
* HTML5 Video Oynatıcı: Video JS* Muhteşem HTML5 ve CSS3 Uygulamaları* Resim Kırpma Bileşeni: Jcrop* CSS ile Yapılan Çizimler* jQuery ile Hazırlanan Oyun Uygulamaları* Birbirinden Farklı CSS3 Uygulamaları* CSS 3 öğrenmek için en iyi dersler* css3 ve jQuery uygulamarıangelsdemos: Blog | FriendFeed | Twitter | Email | RSSKaynak : sixrevisions
