CSSQuake

मूल लेख ↗ Hacker News चर्चा ↗

रेंडरिंग और इम्प्लीमेंटेशन

  • गेम केवल रेंडरिंग के लिए CSS और HTML का उपयोग करता है; सभी कोर गेम लॉजिक JavaScript/TypeScript में लिखा गया है।
  • DOM एलिमेंट्स और CSS 3D transforms पारंपरिक canvas/WebGL रेंडरिंग की जगह लेते हैं।
  • बिल्ड स्टेप QuakeC/progs.dat से डेटा निकालकर JSON (states, models, attacks, sounds) में बदलता है, जिसे TypeScript runtime “Quake‑ish” gameplay के लिए उपयोग करता है।
  • कुछ टिप्पणीकार CSS audio features (aural style sheets) का उल्लेख करते हैं, लेकिन इस डेमो में sound in-game option / keyboard shortcut से नियंत्रित होता है, pure CSS से नहीं।

अन्य प्रोजेक्ट्स और वंशावली

  • कई लोग इसकी तुलना एक समान “CSS Doom” प्रोजेक्ट से करते हैं; थ्रेड स्पष्ट करता है कि वे अलग प्रोजेक्ट्स हैं।
  • दोनों को CSS3D engines और FPS demos की एक लंबी प्रयोगात्मक परंपरा का हिस्सा माना जाता है, जो उनसे पहले मौजूद थी।

गेमप्ले, कंट्रोल्स और UX समस्याएँ

  • कई control quirks रिपोर्ट किए गए: rubber-banding movement, कोनों और ढलानों पर अटक जाना, objects के through clipping, और गेम से बाहर निकलने में कठिनाई।
  • विंडो में क्लिक करने पर menu गायब हो सकता है; workaround है menu दिखाने के लिए Tab, quit करने के लिए Esc, या tab बंद करना।
  • कुछ buttons मूल रूप से touch करने के बजाय shoot करने की मांग करते थे; बाद में इस behavior को समायोजित किया गया।
  • Dark mode extensions map के कुछ हिस्सों को लगभग अदृश्य बना सकती हैं।

प्रदर्शन और ब्राउज़र अंतर

  • अनुभव काफी अलग-अलग हैं: कुछ लोगों को साधारण hardware पर भी smooth 60 FPS मिलता है, जबकि अन्य severe jank या crashes की रिपोर्ट करते हैं।
  • Safari/WebKit को अक्सर stuttery और glitchy बताया गया है; विभिन्न platforms पर Chrome और Firefox आमतौर पर अधिक smooth हैं।
  • कई लोग choppy performance की तुलना इस बात से करते हैं कि original Quake 1990s के बहुत कमजोर hardware पर कितना अच्छा चलता था, और CSS को rendering pipeline के रूप में उपयोग करने की लागत को उजागर करते हैं।

CSS को माध्यम के रूप में लेकर प्रतिक्रियाएँ

  • तकनीकी उपलब्धि और “because we can” भावना के लिए ज़ोरदार प्रशंसा।
  • कुछ लोग इसे प्रभावशाली लेकिन स्वभावतः inefficient declarative styling language के दुरुपयोग के रूप में देखते हैं।
  • अन्य लोग तर्क देते हैं कि यह बस existing 3D transform capabilities और एक मज़ेदार challenge का उपयोग है, कोई गंभीर engine choice नहीं।

नॉस्टेल्जिया और सांस्कृतिक नोट्स

  • कई nostalgic प्रतिक्रियाएँ उन लोगों से हैं जिन्होंने दशकों पहले Quake खेला था और आज भी levels और movement को muscle memory से याद रखते हैं।
  • थ्रेड में CSS jokes (float, z-index, centering divs) और “has science gone too far?”-style टिप्पणियाँ भी हैं।