시와 그림을 조각으로 맞추는 웹 퍼즐 'Jigsaw Haiku', 글자 테두리와 드래그 성능 피드백
- Jigsaw Haiku는 하이쿠 문장과 배경 그림을 타일 조각으로 맞추는 브라우저 퍼즐이며, 완성한 조각끼리는 서로 붙어 함께 이동함
- 초기 피드백에서 타일 테두리가 글자 가장자리를 가려 조각 판별을 어렵게 한다는 지적이 나왔고, 제작자는 글자가 타일 가장자리를 넘도록 수정했다고 밝힘
- 제작자는 글자 하나당 한 칸인 고정폭 글꼴 방식도 검토했지만, 모바일 화면에 맞지 않을 만큼 퍼즐이 넓어지고 조각 수가 늘어 포기했다고 설명함
- 모바일 Firefox와 iPhone 15 Pro, MacBook Pro M4 Max에서 드래그가 끊긴다는 보고가 나왔으며, 제작자는 모바일 Firefox 성능 문제를 아직 해결하지 못했다고 답함
Hacker News opinions
조각 테두리가 글자 가장자리를 가려서 맞춰야 할 글자 형태가 안 보이더라. 보드 밖에서도 조각을 자유롭게 놓고 조합을 시험할 수 있으면 좋겠음. 결국 보드에 계속 끌어다 놓아 자동으로 붙는지 보는 편이 더 쉬웠음.
나도 오른쪽 칸에 세로로 들어갈 글자가 안 보여서 헷갈렸음. 미배치 조각은 테두리 때문에 어느 조각이 맞는지 판단하기가 거의 불가능했음.
그렇게 자유롭게 시험할 수 있으면 너무 쉬워지고 단어 퍼즐 맛이 줄어들 듯함. 하루 동안 풀라고 준 퍼즐이기도 하고.
글자가 타일 가장자리를 넘도록 고쳐서 테두리에 가려지는 문제를 수정했음. 보기에는 조금 덜 깔끔하지만 실용적인 편이 낫다고 봄. 보드 밖 자유 배치도 더 생각해보겠음.
내가 맞는지 시험하려면 일단 그 자리에 놓아봐야 하는데, 틀리면 원래 위치로 튕겨 나가더라. 완성한 조각 덩어리 두 개를 옆으로 옮긴 뒤에야 다른 조각을 시험한 적도 있음.
나는 조각을 아무 데나 내려놓고 정렬을 시험할 수 있었음. 옆 조각과 맞는 위치로 옮기면 서로 붙어서, 지금 방식도 재미있게 풀었음.
안드로이드 Firefox에서는 잘 안 돌아감.
모바일 Firefox에서는 아직 부드럽게 만들지 못했음. 모바일 Chrome과 데스크톱 브라우저에서는 잘 되는데, 나도 모바일 Firefox를 써서 원인을 찾고 싶음.
iPhone 15 Pro에서 조각을 끌 때 프레임레이트가 너무 낮았음.
MacBook Pro M4 Max에서도 드래그가 끊겨서 게임 재미가 꽤 떨어지더라. 나는 모바일 Firefox 말고 다른 브라우저에서도 그랬음.
타일 절단선이 약 20포인트 글자의 약 2포인트를 깎아 먹는 느낌이라 다루기 불쾌했음. 맞게 연결한 조각이 함께 붙는 건 좋았지만, 글자 하나씩의 고정폭 글꼴 워드 게임 쪽이 더 나았을 듯함.
글자가 잘리는 문제는 수정했음. 처음에는 글자 하나당 한 칸인 고정폭 글꼴 방식을 생각했지만, 퍼즐이 너무 넓어져 모바일 화면에 안 들어가고 조각 수가 늘어 지루해졌음.
조각을 보드 어디에 놓아도 끌어서 뒤의 그림을 드러낼 수 있던데, 미리보기 기능인가 했음.
그 동작은 의도한 것임. 그림 자체를 숨긴 건 아니고, 시와 그림이 완성된 상태로 한꺼번에 보는 게 목표임.
맞는 조각을 찾기 꽤 어려웠음. 배경 그림을 함께 표시하는 선택지가 있으면 좋겠음.