몇 년간 작업한 게임 제작 도구 Downpour 출시

 (v21.io)
2P by GN⁺ | ★ favorite | 댓글 1개
  • Downpour는 휴대폰에서 선택지·텍스트·이미지를 조합해 짧은 인터랙티브 게임을 빠르게 만들고 공유하도록 만든 게임 제작 도구임
  • 핵심 목표는 제작 속도를 낮은 장벽으로 끌어내리면서도, 종이 그림·사진·소프트웨어 이미지·온라인 이미지까지 받아들여 표현력을 확보하는 데 있음
  • 앱은 iPhone과 Android를 모두 지원하기 위해 Flutter로 구현됐고, 개발자 휴대폰에서는 1초 미만에 시작되는 수준으로 속도를 맞춤
  • 공유까지 제작 과정의 일부로 보고, 앱 안에서 업로드하면 서버에 올라가 링크로 플레이할 수 있으며 웹 브라우저용 HTML/JavaScript 플레이어도 제공함
  • 계정 없이도 만들 수 있지만 업로드·앱 내 플레이·팔로우·푸시 알림에는 계정이 필요하며, 짧은 농담이나 시 같은 작은 아이디어도 끝까지 완성하게 돕는 도구를 지향함

Downpour가 풀려는 문제

  • Downpour가 출시됨
  • 개발자는 2022년 10월 Niantic을 떠난 뒤 이 게임 제작 도구를 계속 작업해 왔음
  • 목표는 인터랙티브하고 게임 같은 결과물을 다른 도구보다 더 빠르고 쉽게 만들 수 있게 하는 것임
  • 빠른 제작만큼이나, 작은 아이디어가 단순한 템플릿에 갇히지 않도록 표현력도 중요한 기준으로 유지됨

선택지와 이미지로 만드는 기본 구조

  • Downpour의 가장 단순한 게임 형태는 선택지 기반 게임임
  • 다른 기능은 선택지 구조 위에 다소 해킹적인 방식으로 덧붙일 수 있음
  • 선택지는 텍스트뿐 아니라 이미지를 포함할 수 있음
    • 종이에 그린 그림을 게임에 넣을 수 있음
    • 주변 사물을 촬영해 사용할 수 있음
    • 소프트웨어로 그린 이미지나 온라인에서 찾은 이미지를 가져올 수 있음

휴대폰을 기본 제작 환경으로 삼은 이유

  • 컴퓨터를 켜는 과정 자체가 장벽이 될 수 있고, 컴퓨터가 없는 사람도 있을 수 있어 Downpour는 휴대폰 사용을 중심에 둠
  • 휴대폰에는 카메라가 내장되어 있어, 보고 있는 대상을 바로 촬영해 게임 재료로 쓰기 쉬움
  • iPhone과 Android 사용자를 모두 지원하기 위해 크로스플랫폼으로 구현됨
  • 프레임워크 선택 과정에서는 시작 속도가 중요한 비교 기준이었음
    • Unity는 매우 느렸음
    • React Native도 꽤 느린 편이었음
    • 네이티브 구현은 가장 빠를 수 있지만 플랫폼별로 두 번 만들어야 했음
    • Flutter는 크로스플랫폼이면서도 충분히 빠른 선택지였음
  • 개발자 휴대폰에서 Downpour는 1초 미만에 시작된다고 확인됨

모바일 UI와 튜토리얼

  • 휴대폰에서 무한 캔버스를 편집하려면 데스크톱과 다른 UI 설계가 필요했음
  • 한 손으로 휴대폰을 든 상태에서도 자주 쓰는 동작을 수행할 수 있게 하려 했음
    • 중요한 팁은 화면 아래쪽에 요소를 배치하는 것임
  • 컴퓨터 소프트웨어인 tldraw처럼 hover 상태와 오른쪽 클릭을 쓸 수 있는 환경을 부러워했음
  • Downpour에는 이 UI 사용법을 익히기 위한 튜토리얼이 포함됨

시작 장벽을 낮추는 미완성 게임

  • 게임 제작을 막는 요인 중 하나는 아이디어를 떠올리고 첫 화면을 시작하기 어렵다는 점임
  • Downpour는 구조를 열어보거나 조금 고치거나 한 가지 요소만 추가할 수 있는 미완성 게임을 함께 제공함
  • 처음부터 혼자 완전한 게임을 만드는 방식보다 부담이 덜함
  • 개발자는 이 영역에서 더 많은 작업이 필요하다고 봄

제작과 공유를 하나의 흐름으로 묶음

  • Downpour는 게임을 만드는 과정에 공유까지 포함된다고 봄
  • Downpour 게임은 itch.io에 올릴 수 있지만, itch.io 업로드는 긴 양식을 채우고 색상도 고르는 등 몇 분 이상 걸리는 과정임
  • itch.io는 며칠, 몇 주, 몇 년 걸려 만든 게임에는 잘 맞지만, Downpour는 몇 분 또는 몇 시간 만에 만든 게임에 초점을 둠
  • 앱 안의 업로드 버튼을 누르면 게임이 서버에 올라가고 누구나 플레이할 수 있음
  • 이 버튼을 구현하려면 서버, 이미지 호스팅, 계정 시스템, 충돌 해결, DDOS 보호 등이 필요했음

계정, 앱 내 플레이, 웹 플레이

  • 계정 생성은 사람들을 느리게 만들고 도구를 더 취약하게 만들 수 있어, Downpour는 계정 없이도 게임 제작이 가능함
  • 업로드 버튼을 사용하려면 계정이 필요함
  • 다른 사람이 앱 안에서 만든 게임을 플레이하고, 제작자를 팔로우해 게임 추가나 업데이트 때 푸시 알림을 받을 수 있음
    • 이 기능에도 계정이 필요함
  • 앱이 없는 사람도 플레이할 수 있도록 게임은 웹 브라우저에서도 실행됨
  • 브라우저용 플레이어는 HTML과 JavaScript로 만든 두 번째 코드 버전임
  • 업로드 뒤에는 공유 가능한 작은 링크가 생기고, 다른 사람은 그 링크를 눌러 게임을 플레이할 수 있음

내보내기와 오픈소스 브라우저 엔진

  • Bitsy에는 HTML을 확장하는 hacks for Bitsy 커뮤니티가 있으며, Downpour도 비슷한 확장 가능성을 고려함
  • Downpour에는 게임과 이를 실행하는 웹페이지를 내려받는 내보내기 버튼이 있음
  • 브라우저 코드인 engine은 오픈소스로 공개됨
  • 브라우저 코드는 게임 데이터와 분리되어 있어, 한쪽을 다른 쪽과 독립적으로 바꾸기 쉬움
  • 사용자는 Downpour 게임에 이상한 새 기능을 추가할 수 있고, 게임 데이터를 수정해 다시 앱에 업로드할 수도 있음

짧고 작은 게임을 끝까지 만들게 하는 도구

  • 기술 역량이 있는 사람은 Downpour 없이도 Downpour 스타일 게임을 비교적 쉽게 만들 수 있음
  • 하지만 컴퓨터를 사용하고, 이미지 편집기를 켜고, 웹 호스팅을 생각하는 등 여러 번거로움이 따라옴
  • 그런 과정은 한 줄짜리 농담 같은 게임을 만들기에는 비용이 커질 수 있음
  • Downpour는 빠른 게임, 농담, 시 또는 다른 짧은 아이디어를 끝까지 만드는 방법을 제공하려 함
  • 관련 링크:

함께 보면 좋은 글 β

GN⁺   [-]
Hacker News 의견들

  • 앱을 내려받고 처음 무작위로 해 본 “Where’s Madeleine”을 정말 재미있게 플레이했음: https://downpour.games/~holly/where-s-madeleine
    훨씬 단순했던 시절로 돌아간 느낌이고, 초기 인터넷의 마법 같은 분위기를 꽤 잘 잡아냄

    • 게임 끝에 가서 책 광고가 나오기 전까지는 초기 인터넷 느낌이었음
      그 순간 다시 평범한 인터넷처럼 느껴짐. 차라리 팝업으로 띄워야 할지도
    • 이건 HyperCard임. 생각보다 훨씬 어려웠음
    • 책장 뒤에 숨어 있는 Madeleine이 너무 사랑스러움
    • 재미있었고, 고양이가 그렇게 귀여울 수 있는지 몰랐음. 어릴 때 키우던 고양이는 엄청 못됐음

  • 신난다. V는 다른 사람들이 창작물을 쉽게 만들 수 있게 해 주는 도구를 잘 만드는 재능이 있음
    예전 작업인 https://cheapbotsdonequick.com/도 좋아했는데, Twitter가 API 접근을 막으면서 사람들이 만든 멋진 작업들이 사라진 건 아쉬움. Downpour로 사람들이 뭘 만들지 기대됨

  • 여기서 강한 HyperCard 분위기가 느껴지는데, 정말 좋은 일임

    • HyperCard를 전혀 몰랐는데 찾아보니 토끼굴이라기보다 잘 꾸며진 박물관으로 이어지는 지하철역 같았음
      HyperCard와 하이퍼미디어 사이의 케빈 베이컨 단계가 이렇게 짧은 줄 몰랐고, Ars의 30년 회고 [3]에서는 HyperCard가 거의 바로 Mosaic을 낳았다고 다룸

      "I got a HyperCard manual and looked at it and just basically took the concepts and implemented them in X-windows"

      제작자 Bill Atkinson이 자신이 사실상 월드 와이드 웹 브라우징 경험 전체에 얼마나 가까이 있었는지 깨달은 대목도 꽤 흥미로움

      "I grew up in a box-centric culture at Apple. If I'd grown up in a network-centric culture, like Sun, HyperCard might have been the first Web browser. My blind spot at Apple prevented me from making HyperCard the first Web browser."

      Myst도 직접적인 후손이었다고 함

      the Cyan software company originally wrote their hugely popular puzzle/adventure game Myst as a HyperCard stack.

      다시 읽다 보니 웹페이지에 스토리보드형 게임, 정지 프레임 게임, 클릭 선택형 어드벤처가 왜 이렇게 적은지 궁금해짐. Myst나 7th Guest처럼 물건을 클릭·드래그하고 버튼이나 영역을 골라 장면 사이를 이동하는 형식에는 너무 당연해 보임

      같은 흐름에서 Scott McCloud의 무한 캔버스와 Follow That Trail도 떠오름 [4]

      [1] https://en.wikipedia.org/wiki/HyperCard

      [2] https://en.wikipedia.org/wiki/Hypermedia

      [3] https://arstechnica.com/gadgets/2019/05/25-years-of-hypercar...

      [4] http://www.scottmccloud.com/1-webcomics/icst/icst-4/icst-4.h...

    • https://castle.xyz/도 확인해 보길. HyperCard에서 많은 영감을 받았음

  • 훌륭함. 여기에 접근성 기능이 추가되면 좋겠음
    스위치, 시선 추적, 다른 접근 방식을 배우는 아이들이 있는 학교에서는 엄청난 도구가 될 수 있고 교육용으로도 쓸 수 있음. 비슷한 방향의 예로 https://www.helpkidzlearn.com/cm-info가 있지만, Downpour가 훨씬 더 유연함

    그래서 스위치 스캐닝 기능이 필요함. 각 부분을 선형으로 하이라이트하고, 스페이스로 선택하며, 엔터로 항목을 이동할 수 있으면 좋겠음

    가능할지는 모르겠지만 https://tools.openaac.org/와 https://tools.openaac.org/demo.html를 보고 오른쪽 위의 scan을 눌러 데모를 보면 됨. 더 도울 의향도 있음

    • 안녕하세요, 고마워요. 내보낸 게임은 일반 HTML 페이지로 실행되기 때문에 이런 접근성의 최소 기준은 이미 충족하길 기대하고 있음
      탭으로 링크를 순환하고 엔터로 선택할 수 있음. 실제 출력 형식은 오픈소스(https://github.com/downpourlimited/engine)라서 Downpour 안에서 게임을 만들고 내보낸 뒤 AAC 보조 레이어나 다른 기술을 추가하기는 꽤 간단할 것임

      이 기술을 기본으로 더 지원한다면 어떤 모습이어야 할지는 아직 모르겠지만, 더 이야기해 보고 싶음. v@downpour.limited 로 메일 주면 됨

  • 멋지다. 약간 냉소적인 질문일 수도 있지만, 노골적인 콘텐츠는 어떻게 처리하는지 궁금함
    아이들이 가장 큰 이용자층 중 하나가 될 수 있고, 게임 홈/탐색 피드가 있다면 사용자가 노골적인 콘텐츠를 만들 때 대비하는지 항상 관심이 감

    • 만든 사람입니다. 까다로운 주제라는 데 동의함
      특히 트랜스젠더로서 복잡하고 경계를 넘는 예술을 좋아하기 때문에, 그런 자기표현을 플랫폼에서 막고 싶지는 않음. 하지만 앱스토어에 올라가는 앱이라 앱 안에서 제공할 수 있는 콘텐츠에 대한 규칙도 있음

      몇 겹의 장치를 두고 있음. 먼저 Featured 목록은 현재 손으로 고른 사용자 목록이라서, 그런 노골적인 콘텐츠를 알고리즘이 자동으로 띄우지는 않음. 업로드된 노골적 콘텐츠에 대한 신고/검수 시스템도 있음

      마지막으로, 앱은 플랫폼에 게임을 호스팅하지 않아도 독립 도구로 쓸 수 있음. 노골적인 콘텐츠를 만들고 내보내서 다른 곳에 호스팅할 수 있음

      이런 측면을 생각해 주는 건 늘 반가움. 솔직히 출시하면서 가장 스트레스받았던 부분 중 하나임. 반드시 고민해야 하는 부분이라서

    • 여기서 Masq0를 리메이크하면 멋질 것 같음

  • 가입해서 창작물을 공유하고 싶은데, 가입이나 로그인을 하면 앱스토어로만 리다이렉트되는 Firebase URL이 뜸
    “Sign in to Downpour”를 누르면 “Open link in App?” 페이지로 가고, “Open”을 누르면 “Downpour -- make a game” 페이지가 뜸. 거기서 다시 open을 누르면 앱스토어로 감. 앱은 이미 휴대폰에 설치되어 있음

    • 만든 사람입니다. 이런 문제가 생겨서 미안함
      몇몇 사람이 겪고 있는데 원인은 아직 모르겠음. 우회책으로 비밀번호 인증을 추가하는 방안을 살펴볼 예정이지만, 당연히 시간이 조금 걸릴 것임

  • 이런 단순한 도구를 어떤 사람들은 지나치게 진지하게 받아들이고, 쓰는 프레임워크의 한계를 우회하려고 다소 건강하지 않지만 아주 즐거운 수준의 노력을 쏟아부어서 멋지고 예전엔 상상하기 어려웠던 걸 만들어 냄
    정말 좋고, 이걸로 멋진 게임, 예술 작품, 이야기 같은 것들이 나올 거라고 확신함

  • 이걸 게임이라고 부르는 건 꽤 무리로 보임. 인터랙티브 스토리보드를 만드는 것에 더 가까움

    • 까꿍도 게임이고 줄넘기도 게임. 인터랙티브 스토리보드도 분명히 게임
    • 동의함. 기술적으로는 아주 단순한 게임을 만들 수 있겠지만, 설명을 보고 기대했던 것과는 다름
    • Myst 해 본 적 있음?

  • 웹사이트가 정말 독특하고, 앱도 같은 분위기임
    아주 재미있는 개념이라 여기저기 눌러볼 생각임

  • 인터넷에서 고양이를 한두 마리 보긴 했지만, 이제 Madeleine이 제일 마음에 듦

답변달기