CSS Minecraft

• Yalnızca CSS kullanılarak oluşturulmuş tam bir Minecraft klonu
• JavaScript kullanılmadan, tüm işlevler yalnızca saf HTML ve CSS ile gerçekleştirilmiş
• CSS'in :has() sözde sınıfı kullanılarak karmaşık tetikleyiciler ve duyarlı mantık tasarlanıp etkileşimler işleniyor
• GitHub, CodePen ve resmi sitede kaynak kodu ve demo sunuluyor
• Modern tarayıcılar (Chromium 105+, Safari 15.4+, Firefox 121+) zorunlu

[reedids]

CSS güç gösterisi...

[anveloper]

Vay..

[ifmkl]

Vay canına..?

[mkyoon]

Vay canına..

[ndrgrd]

Her kareye bir blok seçilebilecek şekilde yerleştirip sadece görünüşünü CSS ile mi süslemişler? Yine de gerçekten etkileyici.

[GN⁺]

Hacker News görüşleri

• Bunun şimdiye kadar gördüğüm CSS işleri arasında en etkileyici örnek olduğunu söyleyen bir yorum; uzun zaman önceki harika CSS demosu “A Single Div”i hatırlattığını, bu demonun ise o çıtayı yeniden belirlediğini ifade ediyor ve bizzat incelemeyi sabırsızlıkla beklediğini belirterek A Single Div bağlantısını paylaşıyor
  • Birçok öğe etkileşimliymiş gibi görünüyor ama tıklayınca tepki vermemesi hayal kırıklığı yaratıyor; bunun mobil ortamdan mı kaynaklandığı yoksa tasarımın en baştan böyle mi olduğu merak ediliyor
• Gerçekten dahiyane ve zarif bir fikir olduğuna hayranlık belirten bir yorum, demonun nasıl çalıştığına dair kişisel notlarını içeren CSS Minecraft analiz bağlantısını paylaşıyor
• Durum yönetimi yöntemini merak edenler için kaynak koda bakınca radyo düğmelerinin kullanıldığını ve HTML içine yerleştirilebilecek tüm blokların orada bulunduğunu paylaşıyor
  • Kamera durumunu merak edenler için ek açıklama: animasyonun düğmenin :active durumunda çalıştığı, bunun dışında ise durduğu keşfedilmiş
  • Bir CSS demosunda bu kadar cüretkâr bir yaklaşımı ilk kez gördüğünü düşünüyor ve buna büyük sempati duyduğunu belirtiyor
  • Dünyanın neden 9x9x9 ile sınırlı olduğunu merak etmiş ama 46.000 satırlık kodun her blok için farklı malzemeleri (hava, taş, çimen, toprak, kütük, ağaç, yaprak, cam) tanımladığını görünce bunun da ilginç bir yöntem olduğunu söylüyor
• Bu siteyi ziyaret edince birden Minecraft’ı yeniden kurmak isteme hissi uyandığını neşeli bir dille ifade ediyor
• Teknik açıdan son derece etkileyici olduğunu söyleyen bir yorum, hayatının orta dönemlerini geçerken sanki çocukluğuna dönmüş gibi HTML ve CSS ile çeşitli uygulamalar ve siteler yapmaktan keyif aldığını anlatan kişisel deneyimini paylaşıyor
• Demonun nasıl gerçekleştirildiğine dair anlayışını soru biçiminde özetliyor: voxel’ler ile uygulanmış, her yüz farklı CSS sınıflarına sahip ile tanımlanmış, her blok türü için bir voxel var ve aynı anda yalnızca biri etkin olabiliyor; bu lar 9x9’luk 10 katmanlı ızgara çarpı blok türleri olarak dizilmiş (yaklaşık 6500 adet) ve tüm yapı, kamera kontrolüne tepki veren CSS sınıflarına sahip bir ile sarılmış; bunun çok çığır açıcı bir yaklaşım olduğu da özellikle vurgulanıyor
• CSS yalnızca 480 satırdan oluşuyor; CSS kaynak kodu bağlantısıyla birlikte HTML’nin 46.022 satır (3,07 MB) olduğu bilgisi paylaşılıyor
• Gerçekten şaşırtıcı bir tepkiyle birlikte, Linux Chrome’da yüzlerce sekme açık olsa bile sorun yaşanmadığı deneyimi aktarılıyor
  • Sekme sayısı artsa bile tarayıcının sekmeleri unload edip durumu diske kaydettiği, bu yüzden sekmeyi gerçekten açmadıkça performans sorunu olmadığı ekleniyor
• Web tabanlı Minecraft’ın ne zaman geleceği merak ediliyor
  • Eskiden minecraft.net üzerinde Minecraft classic’in doğrudan oynanabildiğine dair bir anı paylaşılıyor
  • Eski Java Applet günlerine göndermeyle telefonun çaldığına dair şakacı bir yorum yapılıyor
  • Minecraft’ın ilk sürümünün (“classic”) web tarayıcısında doğrudan oynanabildiğini ve çocukken gerçekten oynadığını hatırlıyor; sonradan oyunu bulamayınca bunu rüyasında mı gördüğünden şüphe ettiğini anlatan bir anekdot paylaşıyor
• Gerçekten inanılmaz olduğuna dair içten bir hayranlık dile getiriliyor