15 (Daha fazla) HTML5 Denemesine İlham Verin
Bir kayanın altında yaşamadığınız sürece, HTML5'i duyacaksınız. Apple'ın tanıtımı sayesinde şimdi her yerde CEO eski CEO'su Steve Jobs ve HTML5'in Flash'ı devralabileceğine inanan bazı geliştiriciler.
Aslında, bu durumun henüz gerçekleştiğini görmüyoruz, ancak HTML5 gerçekten iyi ve sorunsuz çalışan video özellikleri, tuval çizimi ve animasyonu ile ilgili gerçekten büyülü. Gerçek şu ki, HTML5'in sınırlarını test etmenin bir yolu olarak yapılan yerlerin her yerinde projeler ortaya çıkıyor..
Gücüne inanın veya inanmayın, size HTML5'ten en iyi şekilde yararlanan 15 aydınlatıcı deneyi sunacağız ve tahmin et, yerçekimi, müzik temelli animasyon ve sadece yaratıklar gibi çalışan yaratıkların yaratılmasında ne deneyimleyebilirsiniz! Onlarla ve eğlencelerle eğlenin, en iyi Mozilla Firefox ve Google Chrome sürümleriyle en iyi şekilde servis edilir.
Bu HTML5 eğlencesinden memnun kalmamanız durumunda, sizin için daha fazlasına sahibiz!
- HTML5: 48 Potansiyel Flash-Öldürme Demoları
- HTML5: 19 Potansiyel Web Uygulamaları
Tuval Döngüsü
Sanatçı Mark Ferrari ve kodlayıcı Joseph Huckaby arasında ortak bir çaba, bu, kışın ormanlar, deniz manzaraları ve fırtınalı dağlar gibi hareketli doğa sahnelerinin muhteşem bir koleksiyonudur. Resimlere eklenen seslerle bakmak için gerçekten çarpıcı ve rahatlatıcı. İşyerinde rahatlamak için biraz zaman ayırmak istiyorsanız, bu resimlere bakabilir ve gerginliğinizin eridiğini hissedebilirsiniz..
Google Yerçekimi
Şaşırtıcı Bay Doob'dan bir başkası, bu birinciden daha az etkileşimli ama yine de havalı. Google’ın ana arama sayfasının temel bir kopyasını verir. Ancak imlecinizi gösterdiğinizde, tüm sayfalar dibe çökene kadar tüm sayfa 'düşmeye' başlar. Google logosu, sayfayı yenileyen etkin bir bağlantı olarak çalışır. Google’dan nefret eden bu harika şirketler için iyi bir oyun olabilir..
Tuval Ağaçları
Kenneth Jorgenson tarafından yapılmış, 'Daha lezzetli ağaçlar için yenile :)' ifadesini görebileceğiniz tek yer burası olabilir. Bu tam olarak ne diyor: web sitesine tıklayın ve sizi beyaz bir arka plana götürür. Bir ağacın siyah mürekkeple çizilmesi, kaç dalın devam ettiğini sayarak 'büyümeye' başlar. İstediğiniz kadar görmek için yenileyebilirsiniz.
Manyetik
Bu zevk için başka bir eğlenceli ve bağımlılık. Temel olarak, ekranda sürüklenebilen birkaç 'mıknatıs' ile başlarsınız. Etrafındaki ışık yörüngeleri parçacıkları ve eğer konumları değiştirirseniz, yaptıkları şekilleri değiştirebilirsiniz. Daha fazla mıknatıs ve parçacık istiyorsanız, çift tıklayıp istediğiniz yere sürükleyin. Evet, hepsi mıknatıslar ve fizik ile ilgili!
Ünlü Kazanç Grafiği
Bölüm başına televizyon şöhretlerinin ne kadar kazandığının görsel bir sunumunu görmek ister misiniz? Bu, belirli bir ünlünün bir televizyon şovu için (ya da Charlie Sheen gibi durumlarda yapılan) bantlama başına ne kadar kazandığını gösteren renkli çubuk yığınlarını gösteren harika bir grafiktir. Daniel Rapp tarafından yapılan birçok proje ve deneyden biri olarak yapıldı..
Tuval kurdele
Paul Truong, ekranda sürekli hareket eden, çok renkli bir şerit kullanarak boyamanıza olanak sağlayan bu ilginç uygulamayı yaptı. Şekiller ve tasarımlar yapar ve etkisi oldukça güzeldir. Yapmanız gereken tek şey, basitlik hakkında konuşurken, ekran boyunca sürüklemektir..
WebGL Su
İşte Google Chrome'da en iyi şekilde sunulan, devrim yaratan WebGL'yi (Web Tabanlı Grafik Kütüphanesi) kullanan harika bir demo. Demo ile, dalgalanmalar yapmak için su çekebilir veya hareket ettirmek için küreyi sürükleyebilir ve ışık yönünü ve geçiş yerçekimini ayarlamak için bazı klavye tuşlarına basabilirsiniz. gerçekçi.
Chrysaora
WebGL'in sihrini uygulayan, çarpıcı bir güneş ışığı ışınıyla ışınlanmış, çok güzel ve en önemlisi canlı denizanası sularında hareket eden bir grup görebileceğiniz çarpıcı bir demo. HTML5 ve WebGL’in web’i hayata geçirdiği, en iyi Google Chrome ile izlenen süreye tanık olun.
Voksel Yağmuru
Voksel yağmuru, çok renkli 3B kutuların dönen büyük bir blok oluşturmak için ineceği anlamına gelir. 1990'larda bilgisayarın olanaklarını göstermek gibi bir şey ve şimdi HTML5'in gücünü kullanarak web tarayıcısına geliyor, internetin en parlak dönemi artık çok uzak değil..
HTML5 Metin Efektleri
Genellikle biz web tasarımcısı HTML5'in web tipografisinde atılımda bulunmamıza gerçekten ne kadar yardımcı olabileceğini merak ediyoruz ve bu demo size her zamankinden daha fazla cevap veriyor! Web tipografisinin geleceği, HTML5'in elindeki stereoskopik etkiye, neon efektine veya hatta hareketli neon efektine şahit olmayı seçebilir..
HTML5 Logosunu Döndürmek
Sadece HTML5'in ihtişamını tutamıyorum, dönüyor, dönüyor… havalı.
3B'de Eskiz
HTML5 tabanlı 2D çizim hizmetinden sıkıldınız mı? Şuna bir bak. Basitçe bir çizgi çizin ve Space tuşuna basıp sola veya sağa sürükleyin; çiziminizin 3D perspektifte döndüğünü göreceksiniz. 3B çizim HTML5 ile daha karmaşık değil.
mta.me İletken
Mta.me Conductor, çizgiler oluşturmak için sürekli hareket eden noktaları ve bu satırları oluştururken size ilham verir. “çarpışmak” birbirlerine, bazı etkileşimleri tetikleyeceklerdir. Hepsi HTML5'in yalnızca kodla değil etkileşimle ilgili olduğunu kanıtlamak için ve web kullanıcılarının gerçekten umursadığı şey.
Doogle Gmail
İlginç bir atıcı türü oyun ama kahraman Gmail, kötülüklerden ücretsiz! Tıpkı klasik nişancı oyunu gibi, hayatın, puanın ve yüce lazer ışınının var. Muhtemelen bir oyun olarak HTML5'in yeteneklerini sergilemek için potansiyel demolardan biri. Dikkat et, Flash.
W Pilot
Bu yasadışı olması gereken bir bağımlılık yapıcı bir oyun. Cidden, sunucularından birine giriş yaptıktan sonra saatlerce oynamak isteyeceksiniz. Diğer oyuncular tarafından vurulmaktan kaçınırken temel olarak bir şeyler atıştırıyorsunuz. Oynamak çok basit ve eğlenceli, ve çok oyunculu bir deneyime olanak sağlaması, şu anda çok popüler olan Flash oyunlarının üzerine koyan ciddi bir artı.