CSSQuake
(cssquake.com)- Tarayıcıda Quake çalıştıran CSSQuake demosu; sayfada
cssQuake v0.230başlatma bilgisi vecoming soon!durumu birlikte gösteriliyor - Render işlemini PolyCSS renderer v0.2.6 üstleniyor; manifest, progs, definitions, weapon model ve
id1/pak0.pakvarlıklarının yüklenme günlükleri görülebiliyor - Dahil edilen oyun Quake Shareware version 1.06 ve ekranda
Quake (C) 1996 id Software, Inc.telif hakkı ibaresi yer alıyor - Çok oyunculu ekran; isim, renk, harita, fraglimit, timelimit, maksimum oyuncu ayarı ile Create, Join, Copy Link işlemlerini sunuyor
- Kontrol yönergeleri ve debug anahtarları da gösterildiğinden, sayfa şu anda hem çalışan bir demo hem de ayar arayüzünü birlikte sergiliyor
Tarayıcıda başlatılan Quake demosu
- Sayfa başlığı cssQuake - Powered by PolyCSS ve içerikte
v0.230ilecoming soon!gösteriliyor - Alt kısımdaki günlükte
=== cssQuake v0.230 initialized ===görünüyor - Yükleme durumu şu sırayla gösteriliyor
Host_InitLoaded manifestLoaded progsLoaded definitionsWeapon modelAssets from id1/pak0.pak
- Performans göstergesi alanında 0 FPS ve 0 MS yer alıyor
- İlgili bağlantılar: cssQuake GitHub, id Software Quake GitHub, Layoutit
Çok oyunculu ve kontrol ayarları
- Multiplayer menüsünde isim, renk, harita, fraglimit, timelimit ve maksimum oyuncu sayısı ayarlanabiliyor
- Varsayılan harita gösterimi
E1M1 the Slipgate Complex - İşlem düğmeleri
Create,Join,Copy Link
- Varsayılan harita gösterimi
- Harita listesinde şu öğeler gösteriliyor
E1M1 the Slipgate ComplexE1M2 Castle of the DamnedE1M3 the NecropolisE1M4 the Grisly GrottoE1M5 Gloom KeepE1M6 The Door To ChthonE1M7 The House of ChthonE1M8 Ziggurat Vertigo
- Kontrol yönergeleri Gameplay ve Menu olarak ikiye ayrılıyor
- Gameplay: WASD hareket, Mouse ile bakış, Click ile ateş, Space zıplama, Shift koşma, Ctrl çömelme
- Menu: yön tuşlarıyla gezinme, Enter ile seçme, Esc ile geri gitme
- Debug ve Gameplay ayarlarında şu anahtarlar gösteriliyor
- Show outlines, Show stats panel, Show FPS panel
- Crosshair ayarı
- Dynamic lighting, Mute sounds, Show particles, Show enemies
- Disable damage, Disable movement, Disable attacks, Invert mouse
1 yorum
Hacker News yorumları
Müthiş bir başarı, ama 90'lardaki Pentium-133 PC'de çalıştırdığım Quake sanki Mac M1 Pro'mdakinden daha akıcıydı diye takılıp kaldım
Harika. vim'den çıkmaktan daha zor çıkılıyor
Etkileyici. Bu sadece CSS kullanacak şekilde yapılmış bir renderer değil, motorun ve oyun mantığının tamamının yeniden uygulanmış hali mi? Orijinalden farklı çalışan epey şey var gibi görünüyor
Mesela bazı düğmeler dokunmak yerine ateş ederek çalışıyor, bazı gizli kapılar ise ateş etmek yerine dokununca açılıyor
Oyun mantığı tarafında build aşamasında QuakeC/progs.dat üzerinde küçük bir JS extractor çalıştırıp durum, model, saldırı, ses gibi kaynak bilgileri JSON olarak üretiyoruz. Tarayıcı çalışma zamanı TypeScript ve bu bilgileri kullanarak Quake benzeri oynanışı uyguluyor
Uzun zamandır internette gördüğüm şeyler arasında beni ilk kez içtenlikle güldüren şey bu oldu
https://cssdoom.wtf/ adresine de baktım, o da çok iyiydi. İkisi de şu sıralar gündemdeki haberlerden çok daha hafif ve keyifli \o/
Bu CSS Quake'in çalışması için JS gerekiyor gibi görünüyor
CSS denen şu hack üstüne hack yığınının yayılmasına ve CSS/JS/HTML web yığınına hararetle karşı biri olarak, bunun CSS için mükemmel ve meşru bir kullanım alanı olduğunu düşünüyorum :)
Bu, https://github.com/NielsLeenheer/cssDOOM'dan mı alınmış?
https://bsky.app/profile/html5test.com/post/3mok5febchs2g
Çok güzel. Sınırın nereye kadar gittiğini merak ediyorum. Vurulan köpeğin havada asılı kaldığını görüyorum; bu CSS yüzünden mi, yoksa düzeltilebilir bir şey mi?
.dog { display: float; }Etkileyici ama, böyle bir şeyin bildirimsel bir stil diliyle mümkün olmaması gerekiyormuş gibi geliyor
Vay be, gerçekten harika. Aşırı akıcı çalışıyor. Yaklaşık 25 yıl geçse bile kas hafızasının hâlâ yerinde olması inanılmaz derecede tuhaf