Chơi Snake ngay trong thanh địa chỉ URL

• Người dùng có thể chơi game Snake ngay trong thanh địa chỉ URL
• Điều khiển rắn bằng phím mũi tên hoặc WASD trên bàn phím
• Trên trang web, URL có thể không hiển thị rõ hoặc bị mờ do hiệu ứng "sương mù"
• Cung cấp một giao diện độc đáo cho phép chơi game bằng cách thao tác trực tiếp với URL
• Khác với cách chơi thông thường, việc tận dụng thanh địa chỉ mang lại một trải nghiệm mới lạ

---

Cách chơi độc đáo diễn ra trong thanh địa chỉ URL

• Người dùng dùng phím mũi tên hoặc phím WASD để điều khiển Snake
• Thay vì màn hình game thông thường, trò chơi thực sự diễn ra trong thanh địa chỉ URL của trình duyệt
• Do đặc tính của trang web, với một số người dùng có thể phát sinh vấn đề URL không hiển thị đúng hoặc xuất hiện mờ
• Nếu URL không hiện bình thường hoặc gây khó nhìn, hãy thử kiểm tra phần hiển thị địa chỉ URL của trang hoặc tải lại trang
• Khác với các game HTML5 truyền thống, người dùng có thể có trải nghiệm game tương tác với phản hồi tức thì ngay trong vùng URL

[GN⁺]

Ý kiến trên Hacker News

• Tôi từng làm một thứ tương tự trước đây, dùng favicon
  https://franciscouzo.github.io/favisnake/
  • Tôi cũng từng làm cả game 2048 bằng favicon trước đây
    https://aquova.net/games/2048/
  • Cảm thấy thật sự rất kỳ diệu, và màn hình Retina càng làm trò này khó chơi hơn
• Tôi nghĩ nó cực kỳ ngầu, chỉ là ký tự dùng để biểu diễn khoảng trống trên trình duyệt của tôi trông hơi lạ, giống như các hình vuông có độ rộng không đồng đều
  Unicode có đủ mọi mẫu chấm Braille 4x2 (256 loại), nên cũng có thể cân nhắc dùng ⣿ làm nền rồi khắc bóng con rắn hoặc mồi lên trên
  Ví dụ: ⣿⣿⣛⣛⣛⣛⣛⣩⣽⣿⣯⣿⣿⣿
  Làm vậy có lẽ sẽ dễ nhìn hơn vì khoảng cách ký tự sẽ đồng đều
  • Tôi cũng đã cân nhắc chuyện đó, lúc đầu chắc chắn sẽ có ích, nhưng về sau có thể lại làm tình hình tệ hơn
    Khi con rắn lớn dần, nó sẽ lan ra nhiều hơn trên lưới, và cuối cùng càng khó tránh việc nhiều ký tự thay thế khoảng trống lọt vào mắt
    Trò chơi cũng tăng tốc theo thời gian, nên tôi không nghĩ việc màn hình trở nên phức tạp hơn đúng vào đoạn cần tập trung là điều mong muốn
    Nếu ai biết cách thực sự giải quyết vấn đề khoảng trống kỳ lạ này thì tôi rất muốn biết, chỉ là tôi không muốn phụ thuộc vào việc xuất văn bản như <title> của trang
    Tham khảo thì một game rắn tương tự được đăng gần đây trên Reddit cũng vẽ trong tiêu đề
    https://old.reddit.com/r/webdev/comments/1n9z77e/snake_in_the_tab_title/
    Nếu muốn nhắm ngay đến điểm cao thì có lẽ cách tốt nhất là bấm vào "?" để hiển thị URL trên trang
• Tôi rất ngạc nhiên vì độ phản hồi cực tốt, và càng vui hơn vì vừa quay lại là trở về HN gọn gàng ngay
  Lịch sử cũng không bị rối tung, thực sự rất thông minh
  • Có vẻ như họ đã tận dụng rất tốt history.pushState và history.replaceState
  • Xem mã nguồn thì trên một số trình duyệt giới hạn cập nhật URL, có vẻ họ phải dùng cách khác để chặn luôn cả chức năng nút quay lại
• Tôi thực sự thán phục vì đây là một ý tưởng quá thông minh
  Điều ấn tượng là họ dùng các mẫu chấm Braille để chuyển thông tin điểm thành URL
  https://github.com/epidemian/snake/blob/master/snake.js
• Đây là lý do có những thứ như thế này mà tôi vào Hacker News, làm cho cả ngày vui hơn
• Tôi nghĩ đây là một ý tưởng thật độc đáo và sáng tạo
• Với những ai lúc đầu chưa hiểu nó hoạt động thế nào, có một dấu hỏi nhỏ màu lục lam ở góc trên bên trái
  Trong đó có giải thích

  Bạn có thể điều khiển con rắn trong URL bằng phím mũi tên hoặc WASD. Nếu URL khó nhìn hoặc hiển thị lạ, hãy bấm vào đây
  Ngoài ra, thanh địa chỉ phải đủ dài để nhìn thấy màn hình, nên cần mở cửa sổ rộng ra để chơi
  Ý tưởng rất mới lạ và hoạt động tốt

• Khó hơn tôi tưởng khá nhiều, các chấm trống quanh con rắn gây cảm giác khá rối mắt
  Tôi tò mò nếu hiển thị nó trên trang theo cách không có các chấm trống thì sẽ trông thế nào
• Trò này cực kỳ khéo léo và bản thân việc chơi cũng đủ vui