정말 멋지다고 생각함, 다만 공백을 표현하는 문자가 내 브라우저에선 좀 이상하게 보임, 마치 폭이 제각각인 사각형들처럼 보임
유니코드에는 모든 4x2 브라유 점자 패턴(256종류)이 있으니, ⣿ 를 배경으로 쓰고 그 위에 스네이크나 먹이를 음영으로 깎아내는 방법도 고려할 만함
예시: ⣿⣿⣛⣛⣛⣛⣛⣩⣽⣿⣯⣿⣿⣿
이렇게 하면 글자 간격이 일정해서 읽기 쉬울 것 같다는 생각이 듦
나도 그걸 고민했었음, 초반에는 확실히 도움이 되겠지만 후반엔 오히려 상황을 더 나쁘게 만들 수도 있을 것 같음
스네이크가 커질수록 그리드에 더 많이 퍼지고, 결국 더 많은 공백 대체 문자가 눈에 띌 수밖에 없음
게임이 진행될수록 더 빨라지기 때문에 집중해야 하는 구간에 화면이 더 복잡해지는 건 바람직하지 않다고 생각함
이 이상한 공백 문제를 제대로 해결할 방법이 있으면 정말 알고 싶음, 다만 페이지 <title> 같은 텍스트 출력에 의존하려고 하진 않음
참고로 Reddit에 최근 올라온 비슷한 스네이크 게임도 제목에 그리더라 https://old.reddit.com/r/webdev/comments/1n9z77e/snake_in_the_tab_title/
당장 고득점을 노린다면 "?"를 클릭해서 URL을 페이지에 표시하는 방식이 제일 나아 보임
반응성이 매우 뛰어나서 놀라웠고, 다시 돌아오자마자 HN으로 깔끔하게 복귀해서 정말 기뻤음
히스토리도 엉키지 않음, 진짜 기발하다고 느낌
history.pushState랑 history.replaceState를 잘 활용한 것 같음
소스코드 보니 URL 업데이트를 제한하는 몇몇 브라우저에서는 백버튼 기능도 차단하는 다른 방법을 써야 하는 것 같음
Hacker News 의견
https://franciscouzo.github.io/favisnake/
https://aquova.net/games/2048/
유니코드에는 모든 4x2 브라유 점자 패턴(256종류)이 있으니, ⣿ 를 배경으로 쓰고 그 위에 스네이크나 먹이를 음영으로 깎아내는 방법도 고려할 만함
예시: ⣿⣿⣛⣛⣛⣛⣛⣩⣽⣿⣯⣿⣿⣿
이렇게 하면 글자 간격이 일정해서 읽기 쉬울 것 같다는 생각이 듦
스네이크가 커질수록 그리드에 더 많이 퍼지고, 결국 더 많은 공백 대체 문자가 눈에 띌 수밖에 없음
게임이 진행될수록 더 빨라지기 때문에 집중해야 하는 구간에 화면이 더 복잡해지는 건 바람직하지 않다고 생각함
이 이상한 공백 문제를 제대로 해결할 방법이 있으면 정말 알고 싶음, 다만 페이지 <title> 같은 텍스트 출력에 의존하려고 하진 않음
참고로 Reddit에 최근 올라온 비슷한 스네이크 게임도 제목에 그리더라
https://old.reddit.com/r/webdev/comments/1n9z77e/snake_in_the_tab_title/
당장 고득점을 노린다면 "?"를 클릭해서 URL을 페이지에 표시하는 방식이 제일 나아 보임
히스토리도 엉키지 않음, 진짜 기발하다고 느낌
브라유 점자 패턴을 이용해서 점 정보를 URL로 바꿔서 사용하는 점이 인상적임
https://github.com/epidemian/snake/blob/master/snake.js
여기에는 설명이 되어 있음
빈 점들이 없는 방식으로 페이지에 표시하면 어떻게 보일지 궁금함