URL adres çubuğunda Snake oyunu oynamak

• Kullanıcılar URL adres çubuğunda snake oyununun keyfini çıkarabilir
• Snake, klavyedeki yön tuşları veya WASD ile kontrol edilir
• Web sayfasında URL düzgün görünmeyebilir ya da "sis" efekti nedeniyle adres bulanık görünebilir
• URL’yi doğrudan manipüle ederek oyun oynama imkanı sunan benzersiz bir arayüz sağlar
• Genel oyun tarzlarından farklı olarak adres çubuğunu kullanarak alışılmadık bir deneyim sunar

---

URL adres çubuğunda gerçekleşen sıra dışı oyun deneyimi

• Kullanıcılar yön tuşları veya WASD tuşlarını kullanarak snake’i kontrol eder
• Oyun, klasik bir oyun ekranı yerine gerçekten tarayıcının URL adres çubuğunda gerçekleşir
• Web sayfasının yapısı nedeniyle bazı kullanıcılar için URL’nin düzgün görünmemesi veya bulanık görünmesi sorunu yaşanabilir
• Eğer URL normal görünmüyor veya kafa karıştırıcıysa, sayfadaki URL gösterimini kontrol etmek ya da yenilemek gibi yöntemler denenmelidir
• Geleneksel HTML5 oyunlarından farklı olarak, kullanıcı adres çubuğu alanında anlık geri bildirimle etkileşimli bir oyun deneyimi yaşar

[GN⁺]

Hacker News görüşleri

• Benzer bir şey yapmıştım, favicon kullanmıştım
  https://franciscouzo.github.io/favisnake/
  • Eskiden favicon ile 2048 oyunu da yapmıştım
    https://aquova.net/games/2048/
  • Gerçekten çok etkileyici geliyor, ekran Retina oldukça oynaması daha da zorlaşıyor
• Bence gerçekten harika, ama boşluğu göstermek için kullanılan karakter tarayıcımda biraz garip görünüyor; sanki genişlikleri farklı kutucuklarmış gibi
  Unicode'da tüm 4x2 Braille nokta desenleri (256 adet) olduğundan, arka plan olarak ⣿ kullanıp yılanı veya yemi onun üstünden gölgelendirerek oymayı da düşünebilirsiniz
  Örnek: ⣿⣿⣛⣛⣛⣛⣛⣩⣽⣿⣯⣿⣿⣿
  Böyle olursa karakter aralıkları sabit kalır ve okunması daha kolay olur diye düşünüyorum
  • Ben de bunu düşünmüştüm, başlarda kesinlikle yardımcı olurdu ama ileride durumu daha da kötüleştirebilir gibi geliyor
    Yılan büyüdükçe gridin daha büyük kısmına yayılıyor ve sonuçta daha fazla boşluk yerine geçen karakter göze çarpıyor
    Oyun ilerledikçe hızlandığı için, odaklanmanız gereken anda ekranın daha karmaşık hale gelmesi çok iyi olmaz diye düşünüyorum
    Bu garip boşluk sorununu düzgünce çözmenin bir yolu varsa gerçekten bilmek isterim, ama page <title> gibi metin çıktısına dayanmak istemiyorum
    Bu arada yakın zamanda Reddit'te paylaşılan benzer bir yılan oyunu da başlıkta çiziyordu
    https://old.reddit.com/r/webdev/comments/1n9z77e/snake_in_the_tab_title/
    Şu an için yüksek skor kovalamak istiyorsanız, URL'yi sayfada göstermek için ? işaretine tıklamak en iyi seçenek gibi duruyor
• Tepkiselliğinin bu kadar iyi olmasına şaşırdım; geri döndüğüm anda tertemiz şekilde HN'e dönmesi de ayrıca çok hoşuma gitti
  Geçmiş de karışmıyor, gerçekten dahiyane
  • history.pushState ve history.replaceState iyi kullanılmış gibi görünüyor
  • Kaynak koduna bakınca, URL güncellemesini kısıtlayan bazı tarayıcılarda geri tuşu işlevini engellemek için başka bir yöntem kullanmak gerektiği anlaşılıyor
• Gerçekten dahiyane bir fikir karşısında hayran kaldım
  Braille nokta desenlerini kullanıp nokta bilgisini URL'ye dönüştürmesi çok etkileyici
  https://github.com/epidemian/snake/blob/master/snake.js
• Hacker News'e gelme sebebim tam da böyle şeyler, günümü güzelleştirdi
• Gerçekten eşsiz ve yaratıcı bir fikir olduğunu düşünüyorum
• İlk başta bunun nasıl çalıştığını anlamayanlar için, sol üstte küçük camgöbeği bir soru işareti var
  Açıklama orada yazıyor

  Yön tuşları veya WASD ile URL içindeki yılanı kontrol edebilirsiniz. URL iyi görünmüyorsa veya garip görünüyorsa tıklayın
  Ayrıca ekranı görebilmek için adres çubuğunun yeterince uzun olması gerekiyor; yani oynamak için pencereyi genişletmeniz lazım
  Fikir taze ve iyi çalışıyor

• Beklediğimden daha zor, yılanın etrafındaki boş noktalar epey dikkat dağıtıcı geliyor
  Boş noktalar olmadan sayfada gösterilse nasıl görünürdü merak ediyorum
• Gerçekten çok zekice ve oynaması da gayet eğlenceli bir oyun