Keep Out - WebGL 게임

• Keep Out은 Little Workshop이 만든 WebGL 기반 던전 어드벤처 게임으로, 플레이어가 던전 탈출에 도전하는 구조임
• 모든 레벨이 절차적으로 생성되어 매번 고유한 게임을 제공한다고 안내함
• 시작 전 키보드 배열을 qwerty, Qwerty, Azerty, Qwertz, Qzerty 중에서 선택할 수 있음
• 게임 화면에는 ESC, Space, X, F, C, R, TAB 같은 키 입력 안내와 Level 1 표시가 포함됨
• 모바일 또는 회전 가능한 기기에서는 가로 모드로 전환해야 플레이 화면을 볼 수 있음

---

게임 개요

• Keep Out은 Little Workshop이 만든 WebGL 게임임
• 게임은 “용감한 이를 위한 던전 어드벤처”로 소개됨
• 플레이어가 던전에서 탈출하면 “Congratulations, hero! You have escaped the dungeon.” 메시지가 표시됨
• 패배하면 “You have fought valiantly, but your foes have defeated you.”와 “Your courage will be remembered.” 메시지가 표시됨

플레이와 화면 안내

• 모든 레벨은 절차적으로 생성되며, 각 게임은 고유함
• 시작 화면에서 다음 키보드 배열을 선택할 수 있음
  • qwerty
  • Qwerty
  • Azerty
  • Qwertz
  • Qzerty
• 화면에는 How to play, Restart game, About, Share this 같은 메뉴가 있음
• 패배 후에는 Restart Level과 Share this 옵션이 표시됨
• 던전 탈출 후에는 @PlayKeepOut을 팔로우해 업데이트를 받을 수 있음
• 기기를 landscape mode로 돌리라는 안내가 표시됨

[GN⁺]

Hacker News 의견들

• 만든 사람임. 왜 오늘 올라왔는지는 잘 모르겠는데, 이 프로젝트는 2015년 작업임
  Keep Out이 마음에 들었다면 최근 WebGL 프로젝트도 한번 봐도 좋음: https://equinox.space
  • 아마 지난주에 Equinox Space가 올라와서 반응이 좋았고, 사람들이 마음에 들어 하다 보니 누군가 예전 작업을 찾아보다가 2015년 프로젝트까지 발견한 듯함
    Equinox Space도 정말 좋았음
  • 2015년 프로젝트라면 오픈 소스로 공개할 계획이 있는지 궁금함
  • Equinox를 시작해봤는데 계속 벽에 얼굴을 박고, 돌아서 시야를 확보하기가 어려웠음
    이동 조작이 어지럽지만 렌더링과 오디오는 정말 좋음
  • 정말 멋진 체험이라 주변에 공유하고 있음
    게임 음악을 어딘가에 올려줄 수 있을지 궁금함. 꽤 와닿아서 플레이리스트에 넣고 싶음
  • 예전에 던전 게임은 봤지만 이번에야 레벨 12까지 “끝까지” 해봤고, 끝이 없는 게임이라고 짐작했음
    Equinox도 끝까지 해봤는데 둘 다 작고 탄탄한 패키지였음
• Chromium 기반 브라우저에서는 사용자에게 묻는 대신 getLayoutMap() 을 쓰고, Safari/Firefox나 지원하지 않는 브라우저에는 수동 대체 방식을 두면 됨
  어느 쪽이든 레이아웃을 감지하거나 묻는 것은 조작법 이미지를 표시하는 데는 타당하지만, 실제 코드에서는 결국 위치 기반 키에 keycode를 써야 함. 그래야 잘못 감지됐거나 목록에 없는 레이아웃에서도 사용자가 기대한 위치 키를 그대로 쓸 수 있음
  • 이 API는 내 키보드 레이아웃을 알 수 없고, 원리상 알 방법도 없음. 레이아웃은 소프트웨어가 아니라 키보드 펌웨어 안에 있기 때문임
    이 게임이 만들어질 당시 없었던 불완전한 API나 너무 제한적인 레이아웃 선택지보다, 화살표 키와 마우스로 잘 동작하게 만들거나 이미 기본 이동은 되는 화살표 키를 더 잘 활용하는 편이 나음. 또는 6키 안내 화면을 설정 가능하게 만드는 쪽이 좋겠음
• 게임 배포에서 WebGL은 마찰이 적어서 정말 훌륭함
  비 오는 주말 해킹으로 몇 주 전에 원작 Tomb Raider 팬 디컴파일을 WASM/WebGL로 빠르게 대충 포팅해봤음: https://eikehein.com/stuff/sabatu/
  이 버전은 TR1에서 영감을 받은 대체 팬 제작 에셋을 사용함. TR 커뮤니티에는 훌륭한 팬 레벨을 많이 호스팅하는 사이트가 몇 개 있어서, 언젠가 브라우저에서 바로 플레이할 수 있을 만큼 완성도를 올리고 싶음
  • 화살표 키로 이동, SPACE로 무기 꺼내기/넣기, End로 180도 회전, Del/PgDn으로 좌우 이동인 것 같음
    무기는 어떻게 발사함?
  • 세상에, 이거 어떻게 만든 건지 궁금함. 코드도 볼 수 있으면 좋겠음
• 정말 멋지고 브라우저에서 잠깐 해보는 것만으로도 즐거웠음
  다만 체력 시스템은 마음에 들지 않음. 물약이 체력을 얼마나 회복하는지 더 명확했으면 함. 전통적인 칸 단위 체력바처럼 만들고, 물약이 한 칸을 회복하는 식이 나을 듯함. R 키가 이동 키와 너무 가까워서 도망치려다 당황해서 여러 번 눌렀고, 체력이 가득 찼는데도 물약을 쓸 수 있는 건 너무 허술하게 느껴짐. 각 레벨 뒤 상점에서 이런 아이템을 구매하게 하는 것도 괜찮을 듯함
  엄격한 90도 이동에는 끝내 익숙해지지 못했고, 손가락이 좌우 이동과 회전을 계속 헷갈렸음. 시간이 지나면 익숙해지겠지만, 이 게임은 아케이드식 구성에 가까운데 나는 FPS식 이동에 더 익숙함
  지도는 TAB을 누르고 있는 동안만 표시되게 해서 빠르게 확인하는 용도로 쓰게 하면 좋겠음. 소품 종류도 조금 더 다양했으면 했지만, 레벨 8까지만 해봐서 뒤에 더 나올 수도 있겠음. 적 종류가 계속 새로 나오는 점은 좋았음
  • 나도 게임은 즐겼음. 좌우 이동과 회전을 헷갈렸고, 폭탄 같은 걸 실수로 쓰는 일도 잦았음
    레벨 13이나 14까지 갔다가 지루해졌음. 저장 방법이 없고 계속 이어지는지, 무한 반복인지, 끝이 있는지 명확하지 않았음
    이 게임의 목적도 알면 좋겠음. 이런 유형은 캠프 같은 곳에서 선임 개발자가 쉽게 쓰는 API와 아트를 준비하고 아이들이 상위 로직을 코딩하는 어린이 프로젝트로 자주 보이는 장르임. 오픈 소스라면 그런 용도일 수도 있고, 더 개발해서 상업화하려는 것일 수도 있지만 비슷한 앱이 너무 많아 쉽지는 않아 보임. 혹은 개발사 홍보용일 수도 있음. 피드백을 받거나 방문자가 이해하는 데 이런 맥락이 도움이 됨
  • 지도는 토글인 편이 좋음. 이동하면서 지도를 보고 길을 찾을 수 있어서 그 혼란을 줄여줌
    3D 화면은 아이템, 항아리, 적을 보려면 필요하고 그건 괜찮지만, 이상적으로는 그런 것들도 지도에 표시되면 좋겠음
• 이런 스타일의 게임이 취향이고 더 완성된 경험을 원한다면 Legend Of Grimrock 시리즈가 딱 맞음: https://store.steampowered.com/sub/49358/
  • Potato Flowers in Full Bloom은 최근 나온 인디 턴제 던전 크롤러인데 정말 훌륭함
    https://store.steampowered.com/app/1601280/Potato_Flowers_in...
  • 이 장르는 1인칭 던전 크롤러라고 부름
    https://dungeoncrawlers.org/
  • 여기의 작동 방식은 꽤 다름. Grimrock은 “내가 움직이면 너도 움직이는” 식의 이동 방식이라고 보는데, 이 게임에서는 적이 실시간으로 움직임
    미묘해 보여도 결과적으로는 완전히 다른 게임플레이가 됨
  • 나도 Grimrock이 떠올랐지만, 이런 게임도 좋아한다면 Barony라는 게임을 추천함
    깊이와 발견할 비밀이 많은 멀티플레이 RPG 난장판이고, 절차적으로 생성되기도 함
• 자세한 정보는 여기 있음: https://www.littleworkshop.fr/projects/keepout/
  Three.js를 사용함
  • 최근 며칠 동안 그 웹사이트의 작업 대부분이 HN에 링크됐음. 확실히 멋지고 영감을 주는 작업을 하는 곳임
  • 소스 코드를 볼 수 있는 곳이 있는지 궁금함
• 그래픽은 훌륭하지만, 나는 Zoom 회의를 반쯤 들으면서 할 수 있는 이런 브라우저 퍼즐 게임을 더 좋아함: https://slices.ovh
• 조작 방식이 그렇게 마음에 들지는 않음. 왼손 손가락은 다섯 개인데 키는 여섯 개라 계속 손가락을 옮겨야 하고, 오른손은 거의 하는 일이 없음
  양손을 쓰는 방식을 찾아보면 좋겠음
  • 회전은 화살표 키로도 되게 해주면 좋겠음
  • 조작은 확실히 투박하지만, 그래서 여섯 살 아이에게 즉시 인기 있었음
    설명하기 쉽고 조작하기도 단순함
  • 여섯 키를 한 번에 다 누르라고 기대하는 건 아니지 않나 싶음
  • 이 정도면 게임에서 꽤 표준적인 키 배치 아닌가? 열성 게이머는 전혀 아니지만, 내가 해본 몇몇 게임에서 이 조작은 아주 익숙함
• Firefox Android에서 게임이 아주 잘 돌아갔음. 어느 순간 멈춰서 더는 이동이나 행동이 입력되지 않았지만, 화면과 메뉴는 작동했음
  레벨 12까지 갔고 모든 것을 구매해서 더 이상 목표가 없다고 느꼈음
  적과 공격의 다양성이 좋았고, 여러 무기와 그것들이 “진화”하는 방식도 마음에 들었음. 얼음 보호막이 화염구를 무효화할 수 있으면 자연스러운 결과처럼 보여 재미있을 듯함
  기본 무기를 모두 해금한 뒤에는 “에픽” 세트 같은 상위 단계에 접근할 수 있으면 좋겠음. 단순히 돈으로 잠겨 있어서 이전 것을 사기 전까지 보이지 않는 방식 말고 다른 조건이 있으면 좋음
  “숨겨진” 보물방도 기대했지만, 폭탄을 써도 벽이 부서지지는 않았음
  5레벨마다 보스전이 있으면 좋을 듯함. 보통 기본 적을 거대하고 더 어렵게 만드는 식으로도 구현 가능함. “레벨 X에 도달해 공주를 구한다”거나 “지구 중심에 도달한다” 같은 이유가 있었다면 계속 했겠지만, 레벨 10 이후 모든 것이 해금되자 게임이 끝난 건가 싶었음
  전체 경험은 정말 즐거웠고 그래픽도 훌륭했음. 다만 레벨 클리어 텍스트만 나머지보다 품질이 낮아 보였는데, 글꼴 렌더링 문제일 수도 있음
  • 모바일 게임을 Pixel Dungeon 말고는 싫어하는 입장에서도 이건 말도 안 되게 좋았음
    휴대폰에서 조작과 게임플레이가 괜찮다고 느끼며 즐긴 첫 3D 슈터에 가깝고, 브라우저에서 돌아간다는 점도 훌륭함
  • 흥미롭네. 나는 F-Droid의 Fennec을 쓰는데 조작 UI와 검은 화면만 나왔음
• 정말 좋은 경험이었음
  메뉴의 “About” 버튼은 404가 나는 웹페이지로 연결됨. 다른 사람이 짚었듯 올바른 URL은 https://www.littleworkshop.fr/projects/keepout/임
  • 버그 제보 덕분에 방금 고쳤음