Chrome Denemeleri ile Yeni Web Teknolojilerini Oynayın, Öğrenin ve Deneyimleyin

Chrome Denemeleri web sitesi, JavaScript'e odaklanan web teknolojileri ve tarayıcı geliştirmeleri söz konusu olduğunda yeni ve heyecan verici her şey için bir vitrindir. HTML5'in Neyin Var Olduğunu Görmek İçin 10 Web Sitesi HTML5'in Neyin Var Olduğunu Görmek İçin 10 Web Sitesi tuval, SVG ve 3D WebGL motorunun tümü, daha güzel ve etkileşimli bir İnternete giden küçük yaratıcılık kıvılcımlarında belirgin bir şekilde bulunur.

Chrome Denemeleri ile ilgili en iyi şeylerden biri, sitenin öğrenmeyi teşvik etmesidir. 4 Yaratıcılık, İlham ve Tutku Konusunda Görülmesi Gereken TED Görüşmeleri 4 Yaratıcılık, İlham ve Tutku Yaratıcılığı Konusunda Görülmesi Gereken TED Konuşmaları. İlham. Tutku. Bunların hepsi bizim çok farkında olduğumuz kavramlardır, ancak çoğumuz kaynaklarını tam olarak belirleyemiyoruz. Yaratıcılık nereden geliyor? Bir keşifle birlikte… buna neden olan şey nedir, bu yüzden bir projeyle oynadığınızda, nasıl yapıldığını biraz daha iyi öğrenebileceksiniz - ve bazı durumlarda kendinize bir şans verin..

Chrome Denemeleri web sitesinde oynayabileceğiniz ve başlamanıza yardımcı olacak yüzlerce oyuncak var..

Tarayıcı Gereksinimleri

Bu, Google tarafından yürütülen ve Chrome odaklı bir web sitesi olduğundan, tüm denemelerin Chrome tarayıcılarında çalışması amaçlanmıştır. Bu, diğer modern tarayıcıların da çalışması gerektiğine rağmen, Chrome'un en son kararlı sürümünü karşıdan yükler veya güncellerseniz, bunlardan herhangi birini çalıştırmakta zorlanacağınız anlamına gelir..

Sadece bunlardan herhangi birini yapmaya çalışmayın IE6'da hala IE6 kullanıyorsanız bir sorun mu [fikir] Hala IE6 kullanıyorsanız bir sorun mu [fikir] IE6 ne zaman en iyinin iyisiydi Microsoft'un yazılım fabrikasından yeni sıkılmış olarak geldi. Bu yüzden… 'nin en yüksek seviyesindeki% 95 tarayıcı pazar payını rekor seviyeye çıkarmayı başardı.?

3B Bulutlar

Bu bulutlar gerçek 3B değil - yazar Jaume Sanchez'in işaret ettiği gibi - ama web sitenizin ya da masaüstü arka planınızın, CSS ve biraz JavaScript kullanarak hiçbir şey kullanarak güzel, 3B benzeri bulutlar oluşturduğunu hayal edin. Açıkçası bu gösterinin gösterdiği gibi o aşamadan uzak değiliz..

Jaume'nin sitesi, HTML5'i içeren diğer ilginç deneylerle ve kendi yapımınızı yapmaya başlamanıza yardımcı olacak bir sürü öğretici ile doludur. Bu bulutları nasıl yarattığını bilmek istiyorsanız, onunla ilgili her şeyi buradan okuyabilirsiniz..

Torna Atölyesi

Fonksiyonelden daha eğlenceli olan Einar Öberg'in WebGL destekli bu torna, ahşabı, metali ve taşı elle döndürme sanatını yeniden yaratmak için boşluk çubuğunu ve fare işaretçisini kullanıyor. Einar demosu oluşturdu, bu yüzden basit bir prosedür gölgelendiricisi gösterdi, fakat aynı zamanda otantiklik için birkaç ses daha ekledi.

Tam bir öğretici olmasa da, yazarın blogunda nasıl yapıldığı hakkında biraz daha fazla bilgi edinebilirsiniz..

GPU Parçacık Çekicileri

Parçacık efektleri ve WebGL motorunu içeren bir deney olan Edouard Coulon, fareniz ve boşluk çubuğunuzla değiştirebileceğiniz gerçekten güzel bir şey yarattı. Parçacıkları ekranın ortasına çekmek için tıklayın, sonra tekrar dışarı doğru çekmelerini izlemek için boşluk çubuğuna basın.!

Maalesef bunun için bir eğitim yok, ancak bilgisayarınız elinizde tutarsa ​​bir milyon parçacık modunu denemenizi tavsiye ederim. Sonsuz eğlence için bir projektör ve karanlık bir oda ekleyin!

WebGL Arabaları

Ayrıca, harika ro.me interaktif filmi (AlıntıQualia'da da gösterildi) de yapan AlteredQualia tarafından üretilen WebGL arabaları, Bugatti Veyron ve Lamborghini Gallardo'yu çoklu kamera açılarından kontrol etmenizi sağlayan 3D bir oyuncak.

Bu konuda özellikle havalı olan bir şey, hareket bulanıklığının, alan derinliğinin ve farklı aydınlatma koşullarının gösterilmesidir. Tamam, ve içimdeki çocuk oyuncak arabalarla oynamayı seviyor - ne diyebilirim??

X-Wing

Bu, hedefin yaklaşan engellerden kaçınmak amacıyla fareyle (veya bu durumda klavyede) hedefle farenizi hareket ettirmek olduğu reaksiyon oyunlarından biridir - bunun dışında kalanlardan daha iyidir çünkü bu bir X-Wing içerir ve ne Yıldız Savaşları'ndan geçen siperlere benziyor.

OutsideOfSociety adıyla geçen yazarın web sitesinde çok daha fazla WebGL deneyi var..

Robot Ulusum

Tamamen işlevsel bir e-ticaret ön yüzü olan My Robot Nation, belirli bir fiyat için size gönderilmeden önce kendi oyuncak robotunuzu tasarlamanıza, boyamanıza ve özelleştirmenize izin vermek için WebGL'in gücünden yararlanır.

Tamam, bundan dolayı robotu tekmelemek için satın almak zorunda değilsiniz - ama belirsizce bir Robobrain'i andıran Fallout Pique'den bir Robobrain'i andıran bir şey yapmaya çalıştığım sürece Harican Pike'den İlginizi Çeken Kıyamet Sonrası Dünyalar Bu Wikis İle İlginizi Pike Ederdim 4 Kurgusal Kıyamet Sonrası Dünyalar Hiç favori şovunuzun ya da kitap dizisinin wiki'sine atladınız ve ardından doygunluğa doymuş bir zaman tüneline girdiniz mi? Neden bahsettiğimi biliyorsun - o klasik TVTropes kara deliği… dizisine benzeyen bir şey, sonra sahip olmanı dilersin. Başkalarının yarattıklarını da kontrol etmeyi unutmayın.!

FastKat 2

Bir diğeri “farenin önündeki engelleri aş” tür oyun, bunun dışında, orijinal FastKat'ın Omiod, zaten oynamış olabileceğiniz oldukça popüler bir HTML5 oyunu olan bir devamıdır. Netice gerçekten daha hızlı, daha zor ve çok bağımlılık.

Yapacak işin varken çalmaya başlama ...

Livecodelab

Burada yer alan son deney (yüzlerce, sadece 8'i seçmek zordu), WebGL nesnelerini anında kod kullanarak yönetmenize izin verdiği için oldukça özeldi. Dikkatinizi çekip oynayabileceğiniz bir dizi gösterinin yanı sıra, bazı WebGL öğrenmenize yardımcı olacak bir dizi öğretici ders vardır..

Ben bir kodlayıcı değilim (sadece fonksiyonların bıraktığı kelimeleri hatırlamakta berbatım) ama ben bile elimi tutmak için harika bir öğretici ile WebGL ile uğraşmak ve uğraşmak için ilgi çekici ve biraz güçlendirici buldum. Bu tür bir şey yapmak istiyor ancak nasıl yapılacağına dair bir fikriniz yoksa, başlamak için harika bir yer.

Sonuç

Chrome Denemeleri web sitesi yalnızca sanatçılar ve kodlayıcıların kreasyonlarını sunmaları için bir platformdur, ancak yetenekleri vurgulamak ve başkalarına yeni web teknolojilerinin olanaklarını öğretmeye yardımcı olmak için harika bir amaca hizmet eder. Cep telefonunuzda çalışan Chrome Denemeleri bile var!