İçerik
- 01. Matrix bir sistemdir
- 02. Nisan yağmurları Mayıs çiçeklerini getiriyor
- 03. 3D Şehir Turu
- 04. Garip Kristaller
- 05. 1K Meteor
- 06. Endişelenme, mutlu ol!
- 07. Morphose
- 08. Komançi
- 09. Çiçek
- 10. Furbee
- Bunu beğendin mi? Bunları oku!
JS1K yarışması her yıl web tasarımcılarından 1k'den büyük olmayan harika bir JavaScript uygulaması oluşturmalarını istiyor. Yarışma bir şaka olarak başladı, ancak yıllar boyunca yüksek kaliteli girişler, bir avuç kodla yapabileceklerinizi mükemmel bir vitrin haline getirdi.
İşte bu yılki yarışma için en sevdiğimiz 10 sunum - ancak görülecek çok daha fazla harika çalışma var: JS1K sitesinde listenin tamamına göz atın. (Ve girmek istiyorsanız, hala zamanınız var; girişler için son çağrı bu Pazar gece yarısı).
- Tüm JavaScript makalelerimizi buradan okuyun
01. Matrix bir sistemdir
The Matrix’in ünlü ‘dijital yağmur’ dizisini küçültülmüş JavaScript kullanarak yeniden üreten bu harika demodan kim heyecan duymaz ki? Pedro Franceschi tarafından sadece 956 bayt kodla oluşturuldu.
02. Nisan yağmurları Mayıs çiçeklerini getiriyor
Bahar benzeri animasyonlara dayanan bu basit ama eğlenceli yazma oyunu Abigail Cabunoc tarafından yaratıldı. Kod Closure Compiler ile sıkıştırıldı, daha sonra elle küçültüldü, ardından JS Crush.
03. 3D Şehir Turu
3D Şehir Turu tam da vaat ettiği şeyi sunuyor - bir bahar adası şehrinin birinci şahıs görünümü. Farenizi kullanarak şehrin üzerinde uçun, çatıdan tavana atlayın veya sokaklarda arabalarla araba sürün. Ayrıca otomatik pilotun size etrafı göstermesine izin verebilirsiniz. Binalar, sokaklar, trafik işaretleri, hareket eden arabalar, parklar, deniz ve daha fazlası dahil, Jani Ylikangas'ın tüm bunları 1.000'in altında yaratmayı başardığına şaşıracaksınız.
04. Garip Kristaller
Philippe Deschaseaux'nun bu muhteşem 3D animasyonu sizi bir yeraltı madeninde garip bir yolculuğa çıkarıyor. Açıklamada "Madenciler çalışmayı bıraktı" yazıyor. "Korkuyorlar. Hepsi, bazılarının gördüğü o tuhaf kristallerden geliyor gibi görünüyor. Sabırlı olun ve biraz şansla onları göreceksiniz."
05. 1K Meteor
Creative Bloq'ta eski tarz oyunlara bayılıyoruz, bu yüzden Oscar Toledo G'nin bu Asteroids övgüsünü seviyoruz. Çoğu makinede saniyede 30 kare hızında çalışıyor, her oyun benzersizdir ve içerik oluşturucunun açıkladığı gibi, "a uzayda ses olmadığı için çok fazla gerçekçilik ".
06. Endişelenme, mutlu ol!
Bu sözde 3D kendi kendine koşan animasyonda, sola ve sağa uçan meşgul bir arı, derinlik işaretli taze animasyonlu sallanan çimen, güzel çiçekler ve eğlenceniz için her yönde (sol, sağ, yukarı, aşağı ve ileri) hareket eden bir kamera bulunur. . Manuel Rülke tarafından oluşturulan kod Closure Compiler kullanılarak küçültüldü, elle daha da optimize edildi ve ardından JS Crush ile ezildi.
07. Morphose
Bu etkileşimli 3B ağ, oynamanız gereken bir şey. Benjamin Bill Planche tarafından oluşturulan demo, 3D ağı oluşturmak için Painter’ın algoritmasını kullanıyor. Her yüzü kamera tarafından tanımlanan koordinat sistemine yansıttıktan sonra, boyama sırasını elde etmek için derinliği azaltarak sıralanırlar. Görüntülenen şekil, önceden oluşturulmuş iki ağ, bir küp ve bir küre arasındaki kaotik ara doldurmanın sonucudur. Yüzler için yumuşak bir ara doldurma elde etmek için küre geometrisi, küpün her tepe noktasını eşleyerek oluşturulur (küp eşleme yöntemi).
08. Komançi
Helikopter simülasyon oyunu Comanche: Maximum Overkill, eğimi ve yuvarlanmayı kontrol etmek için okları kullanmanıza olanak tanır (irtifa otomatik pilottadır). Gökyüzü gündüzden geceye değişir ve oyun orta seviye bir bilgisayarda 25 FPS'de çalışır. Siorki tarafından tasarlanan Packer kodu, hem First Crush hem de JS Crush'tan geliştirilmiştir.
09. Çiçek
Bu dalgalı, dönen çemberlerin kendilerini dönen bir çiçek şekline dönüşme şekli çok güzeldir ve inanılması için görülmesi gerekir. Cheeseum tarafından sadece 960 baytta oluşturuldu.
10. Furbee
Burada Roman Cortes, 2D tuval ve son teknoloji donanımla 1k altında mümkün olanın sınırlarını gerçekten zorluyor. Bu renkli animasyonda kürk işleme, sanatsal hareket bulanıklığına sahip kanatlar ve 3B cennet bulunur. Tam olarak keyfini çıkarmak için, Chrome ile çok güçlü bir bilgisayarda izlenmesi gerekir. (Başka bir girişte, Furbee, en kısa sürede o tünelden çık !, Cortes, Furbee'sini Deschaseaux'nun girişiyle birleştirdi - listemizdeki 2 numara - ve bu da oldukça inanılmaz.)
Bunu beğendin mi? Bunları oku!
- Bir uygulama nasıl oluşturulur
- 2013'ün en iyi 3D filmleri
- Artırılmış Gerçeklik için sırada neler olduğunu keşfedin
1k veya daha az bir sürede harika bir JavaScript oluşturma gördünüz mü? Yorumlarda bize bundan bahsedin!
