요약
아무 웹사이트나 불러와 Katamari처럼 공으로 굴려 말아 올리는 브라우저 게임입니다.
funwithcomputervision.com에 올라온 Weball은 "굴리고, 키우고, 인터넷을 정복하라"를 내건 웹 게임입니다. Katamari Damacy(끈적한 공을 굴려 물건을 붙이며 덩치를 키우는 게임)처럼 웹페이지의 요소를 공에 붙여 가며 페이지를 치웁니다.
왜 중요한가
- 따로 만든 맵이 아니라 실제 웹사이트가 게임판이 되어, 자기 사이트나 회사 사이트도 놀이터가 됩니다.
- 페이지 요소를 CSS로 직접 움직이던 2008년 무렵의 북마클릿과 달리, 페이지를 게임 엔진 안으로 옮겨 와 매끄럽게 돈다는 평을 받았습니다.
핵심 내용
- 준비된 레벨에서 목표를 이루면 레벨 두 개가 더 열리고, 원하는 웹사이트도 굴릴 수 있게 됩니다.
- 주소 입력창에 사이트 주소를 넣으면 그 페이지를 불러와 게임판으로 씁니다.
- 페이지는 자바스크립트를 빼고 불러오므로, 브라우저에서 내용을 그리는 사이트는 휑하게 나옵니다.
- 화면 위쪽에는 모은 아이템 수와 페이지를 얼마나 치웠는지 보여 주는 비율이 뜹니다.
- 음악을 켜고 끌 수 있고, 제작자는 stereodrift라는 이름으로 후원 링크를 달아 두었습니다.
HN 반응
- 공이 커지면 글자에 이어 이미지까지 붙이고 큰 이미지는 장애물이 되는 점을 칭찬하는 반응이 많았고, 옛 kathack 북마클릿을 떠올린 이용자도 여럿이었습니다.
- 단어 몇백 개를 넘기면 프레임이 뚝 떨어진다는 불만과, 아이폰에서는 위키백과 페이지를 다 치워도 끊기지 않았다는 경험담이 갈렸습니다.
와, 놀랄 만큼 잘 만들었네요. 처음에는 텍스트 요소를 주워 담다가, 공이 커지면 결국 사이트의 실제 이미지까지 집어 올릴 수 있게 되는 흐름이 정말 마음에 듭니다.
여담이지만 얼마 전에 "Kirby and the Forgotten Dreamland"를 하고 있었는데, 이 게임에는 'needle'이라는 흡수 능력이 있습니다. 처음에는 가시 돋친 고슴도치가 공처럼 굴러다니는 모습이 됩니다.
그런데 이 능력을 진화시키면 탑, 코르크 따개, 선인장 같은 온갖 물건을 몸에 붙일 수 있습니다. 이런 물건을 잔뜩 매달고 굴러다니는 모습은 *"Katamari Damacy"*에 보내는 오마주 같습니다.
https://youtube.com/watch?v=4aa4xR8zAJk
대단하네요. 저라면 이렇게 잘 돌아가게 만드는 법은 감도 안 잡혔을 겁니다.
추가: 핵심은 페이지를 표현한 데이터를 게임 엔진으로 가져와서 HTML을 금세 벗어난다는 점인 것 같습니다. 아래에 링크된 고전 북마클릿 버전은 CSS 변형 같은 것으로 실제 페이지 요소를 직접 건드리고요.
2008년쯤 아주 오래전에 Katamari 북마클릿이 있었습니다.
http://kathack.com/ 이요!
http 전용이라서 대부분의 사이트에서는 북마클릿이 안 돌아가요. 그래서 제가 고쳐 놨습니다.
https://kathack.greg.technology/
좋은 기억을 떠올려 주셔서 감사합니다!!
맞아요, kathack이던가 그랬죠. 그 시절에 그걸로 친구를 엄청 사귀었어요.
단어가 몇백 개쯤 쌓이면 프레임이 끔찍해지긴 하지만, 그 전까지는 정말 재미있어요. 큰 이미지가 진짜 장애물 역할을 하는 감각이 참 좋네요.
아마 공이 하나의 정적인 3D 오브젝트가 아니라서 그럴 거예요. 공 안쪽 층을 주기적으로 하나의 에셋으로 합쳐 만들어 주면 그 부분은 개선할 수 있을 것 같습니다.
저는 iPhone 17 Pro Max에서 위키 페이지를 끝까지 다 먹은 뒤에도 프레임이 놀랄 만큼 부드럽게 유지돼서 놀랐어요. 기기가 적당히 따뜻해지긴 했지만요. 요즘 이런 기기들은 정말 성능이 좋나 봐요.
8년 된 iPhone XS에서도 할 만했습니다. 위키백과 페이지 전체를 싹 치웠는데, 게임에 지장이 갈 만큼 프레임이 나빠진 적은 없었어요.
Google에도 비슷한 게 있어요. Katamari를 검색하면 나오는 작은 katamari 공을 클릭해 보세요.
정말 재미있네요. 그냥 돌아다니면서 제 사이트를 포함해 몇 군데를 돌돌 말아 먹었어요. 웹의 기발한 재미를 보여 주는 멋진 작품입니다.
첫 페이지는 다 못 말아 먹겠네요 >:(
폭력적인 아버지가 없으면 진짜 Katamari가 아니죠.
정말 잘 만들었네요! 얼마 전에 HN에서 본 katamari 북마클릿이 생각나요.
http://kathack.com/
멋져요! 이런 걸 보면 좋았던 옛 시절이 떠오릅니다.
대단해요, 오랜만에 본 것 중에 가장 중독성 있네요.
금방 느려지네요.
이거 보니 너무 행복해져요.
lwn.net은 꽤 재미있는 스테이지가 되더라고요. 콤보를 얼마나 크게 쌓을 수 있는지 해 보세요!
진짜 멋지네요!
너무 재미있어요. 원곡 음악까지 나오면 정말 끝내줄 텐데요!
상기시켜 줘서 정말 고맙습니다! 반쯤 포기하고 있었는데, 댓글 덕분에 다시 찾아봤더니 Bandai Namco가 최근에 원곡 사운드트랙을 전부 스트리밍에 올렸더라고요. 나 나 나 나 나 나…
완전 좋아요 ㅋㅋ 아이디어도 정말 멋지고요. 저는 회사 사이트를 말아 먹다가 빠져들었어요.