BENNE는 웹을 위한 무료 포인트 앤 클릭 게임 엔진입니다. Phaser 4를 기반으로 TypeScript 코어로 만들어졌고, 전용 Visual Studio Code 에디터도 함께 제공됩니다. 방, 동사, 인벤토리, 대화가 있는 고전 어드벤처를 만든 뒤 브라우저 게임으로 배포할 수 있습니다. 개발자 Bennethon이 만들었으며 MIT 라이선스로 공개되어 있습니다.
모든 것에 “Look at(살펴보기)”을 눌러 보던 픽셀아트 어드벤처를 즐기며 자랐다면, BENNE는 바로 그 감성을 최신 웹 도구로 살리려는 엔진입니다. 이 가이드에서는 엔진에 무엇이 들어 있는지, 첫 프로젝트를 만드는 방법, 완성한 게임을 itch.io에 올리는 방법을 다룹니다.
BENNE 한눈에 보기
| 정체 | 포인트 앤 클릭 어드벤처 게임용 엔진 + VS Code 에디터 |
| 개발자 | Bennethon |
| 기반 기술 | Phaser 4, TypeScript, Vite |
| 라이선스 | MIT(무료, 오픈 소스) |
| 실행 환경 | 모든 최신 브라우저, Windows 데스크톱 빌드는 선택 사항 |
| 최신 릴리스 | v0.1.3(2026년 10월 25일), GitHub |
| 첫 제작 게임 | Hank Steele and the AI Apocalypse(게임 잼 작품, 무료) |
| 공식 사이트 | benne.games |
버전 번호가 중요한 사실을 알려 줍니다. BENNE는 아직 신생 엔진입니다. 첫 0.1 릴리스가 2026년 10월에 나왔으니 버전 간 변화가 있을 수 있다는 점을 염두에 두고, 진행 중인 프로젝트를 업데이트하기 전에 릴리스 노트를 꼭 읽어 보세요.
포인트 앤 클릭 엔진이 해 주는 일
포인트 앤 클릭 어드벤처는 화면으로 보면 단순하지만, 내부적으로는 많은 기반 작업이 필요합니다. 장애물을 피해 걷는 캐릭터, 클릭할 수 있는 핫스폿, 동사 시스템, 아이템을 다른 대상에 사용할 수 있는 인벤토리, 분기 대화, 컷신, 그리고 세이브까지요. Phaser 같은 범용 엔진은 스프라이트, 입력, 사운드를 제공하지만 이런 어드벤처 규칙은 들어 있지 않습니다.
BENNE는 그 층을 Phaser 4 위에 얹습니다. 공식 가이드에 따르면 Adventure Game Studio와 LucasArts의 SCUMM 엔진에서 영감을 받았으며, 다음 기능을 기본 제공합니다.
- 방, 캐릭터, 인벤토리, 대화를 바로 쓸 수 있는 구성 요소로 제공.
- 상태를 추적하는 대화 트리: 이야기가 진행됨에 따라 선택지가 나타나거나 사라집니다.
- 영역 기반 원근 스케일링과 색조 적용: 캐릭터가 장면 “안쪽”으로 걸어가면 점점 작아집니다.
- 인벤토리 아이템을 대상에 사용하기, 컷신, 화면 페이드, 캐릭터 따라가기, 음성/오디오 설정 저장.
- 음악, 효과음, 음성 대사, 동영상 컷신: 모두 자동 완성되는 이름 있는 에셋으로 불러옵니다.
- JSON 기반 인터페이스 시스템: 9-slice 이미지, 버튼, 슬라이더, 리스트 박스, 텍스트 입력을 지원합니다.
직접 해 볼 수도 있습니다. 공식 홈페이지에 개발자의 사무실을 돌아다니는 작은 플레이 가능 데모가 있습니다.
동사, 조작 방식, 그리고 ‘고집 있는’ 규칙
조작 방식은 game-config.json 파일에서 정의합니다. 즉 엔진 하나로 LucasArts 스타일 동사 바(“Walk to”, “Look at”, “Use”…)가 있는 고전 9동사 게임도, 왼쪽 클릭으로 행동하고 오른쪽 클릭으로 살펴보는 현대식 2클릭 게임도, Sierra 스타일이나 하이브리드 구성도 만들 수 있습니다.
BENNE는 몇몇 부분에서 일부러 엄격한 규칙을 두어 프로젝트의 일관성을 지킵니다.
| 분야 | BENNE의 규칙 | 개발자에게 의미하는 것 |
|---|---|---|
| 스프라이트 | 태그된 애니메이션이 있는 Aseprite 스프라이트 시트 | 애니메이션은 Aseprite로 제작, 다른 가져오기 방식은 로드맵에 있음 |
| 텍스트 | 비트맵 폰트만 사용 | 어떤 배율에서도 선명한 픽셀 글자 |
| 해상도 | 낮은 내부 해상도, 보통 320×240~640×480 | 정수 또는 정수에 가까운 배율로 확대해 픽셀아트를 선명하게 |
| 월드 형태 | 걸을 수 있는 영역, 핫스폿, 영역은 폴리곤으로 지정 | 타일맵이나 그리드 없음, 에디터에서 도형을 그림 |
| 스크립트 | BenneScript 줄은 순서대로 실행 | 걷기나 대사 한 줄이 끝나야 다음 줄이 시작됨 |
어떤 장르든 만들 수 있는 자유로운 엔진을 원한다면 이런 제약이 답답할 수 있습니다. 레트로 어드벤처를 빠르게 만들고 싶다면 고민할 거리를 크게 줄여 줍니다.
첫 BENNE 프로젝트 시작하기
공식 설치 가이드에서 말하는 준비물은 세 가지입니다. Visual Studio Code 1.106 이상, 현재 LTS 버전의 Node.js, 그리고 권장 사항으로 스프라이트 제작용 Aseprite. 그다음:
- VS Code에서 Extensions 뷰를 열고 BENNE Editor를 검색해 설치합니다. Activity Bar에 BENNE 아이콘이 나타납니다.
- Command Palette를 열고 BENNE: Create New Game을 실행합니다.
- 템플릿을 고릅니다: 9-verb(고전 동사 바), 2-click(최소한의 조작), Blank(빈 템플릿, 초보자에게는 비추천).
- 프로젝트 이름을 정하고 폴더를 선택합니다. 확장 프로그램이 파일을 생성하고
npm install도 대신 실행해 줍니다. - 새 폴더를 열고
npm run dev를 실행하면 핫 리로드 개발 서버가 뜹니다.
직접 만드는 콘텐츠는 모두 src/game/에 들어갑니다: 방, 캐릭터, 인터페이스, 인벤토리, 대화, 에셋, game-config.json. 엔진 폴더는 에디터가 관리하므로 엔진을 업데이트해도 여러분의 스토리가 덮어써지지 않습니다.
BenneScript는 어떻게 생겼나
스크립트는 TypeScript지만, BenneScript를 쓰면 어드벤처 로직을 연극 대본처럼 쓸 수 있습니다. Hank: `It's open!` 같은 한 줄이면 캐릭터가 말하고, 동작마다 await를 쓸 필요도 없습니다. 전형적인 문 스크립트는 walkToClicked()로 플레이어를 문까지 걸어가게 하고, inventory.remove(items.key)로 열쇠를 없애고, 효과음을 재생하고, wait(0.75)로 기다린 뒤 문 애니메이션을 바꿉니다.
공식 가이드의 다른 명령어 몇 가지:
rooms.<name>.goTo(): 다른 방으로 이동합니다.cutscene(() => { … }): 플레이어가 Esc로 건너뛸 수 있는 장면을 감쌉니다..now,together(…),background(…): 여러 동작을 동시에 실행합니다.npm run lint: 스크립트의 흔한 실수를 검사합니다.
방, 소품, 아이템, 사운드는 콘텐츠에서 생성되는 타입 지정 이름이라 에디터가 자동 완성해 주고 오타도 일찍 잡아냅니다.
BENNE 게임을 itch.io와 Windows에 배포하기
웹 게임 개발자에게 BENNE가 가장 유용한 부분은 배포 단계입니다. HTML5 업로드에서 자주 문제를 일으키는 세부 사항을 처리해 주기 때문입니다.
- 게임 폴더에서
npm run build:itch를 실행합니다. 타입 검사, 빌드, itch.io의 파일 개수와 용량 제한 확인을 거쳐releases/<package-name>-itch.zip을 만듭니다. npm run preview로 프로덕션 빌드를 테스트합니다.dist/index.html을 직접 열면 실제 웹 호스팅과 똑같이 동작하지 않습니다.- itch.io에서 ZIP을 HTML 프로젝트로 업로드하고 “playable in the browser”(브라우저에서 플레이 가능)에 체크합니다.
index.html파일은 이미 ZIP의 최상위에 있습니다. - 선택 사항:
npm run build:windows를 실행하면 Electron이 포함된 포터블 Windows ZIP이 만들어집니다. 플레이어는 압축을 풀고.exe를 실행하면 되며 Node.js는 필요 없습니다. Windows용으로 표시한 별도 파일로 업로드하세요.
가이드의 실용적인 팁 두 가지: Windows 빌드는 서명되지 않았으니 먼저 실제 Windows PC에서 테스트하고, 브라우저 버전과 데스크톱 버전의 세이브는 따로 저장된다는 점을 기억하세요. 스크립트에서 game.isDesktop으로 어떤 빌드가 실행 중인지 알 수 있어, 브라우저에서 “Quit”(종료) 버튼을 숨길 때 편리합니다.
Hank Steele: 14일 만에 만든 BENNE 게임
BENNE로 만든 첫 게임은 Hank Steele and the AI Apocalypse입니다. AI가 세상을 장악한 10년 뒤 미래로 가게 된 청소부가 집으로 돌아가기 위해 타임머신을 고쳐야 하는 코미디 어드벤처입니다. Bennethon은 “Delayed Consequences”(늦게 찾아오는 결과)를 주제로 한 게임 잼 $110 Adventure Game Challenge를 위해 14일 만에 이 게임을 만들었습니다. itch.io에서 무료로 즐길 수 있고, 브라우저나 Windows에서 플레이하며 약 30분 정도 걸립니다.
itch.io 페이지에는 게임의 코드, 그래픽, 사운드 제작에 AI 도구가 도움을 줬다고 적혀 있습니다. BENNE 자체는 AI가 필요 없으며, Aseprite에서 모든 프레임을 손으로 그릴 수도 있습니다.
BENNE를 써 볼 만한 사람
- 코딩을 조금 하는 어드벤처 팬: 템플릿과 BenneScript 덕분에 퍼즐과 개그에 집중할 수 있습니다.
- 웹 게임 개발자: 읽고 확장할 수 있는 Phaser 4 + TypeScript 프로젝트와 깔끔한 itch.io 내보내기를 얻습니다.
- 게임 잼 팀: 14일 만에 만든 잼 게임이 이미 있으니 짧은 일정도 현실적입니다.
타일 기반 월드, 고해상도 아트, 또는 지금 당장 장기 상업 프로젝트에 쓸 안정적인 1.0 엔진이 필요하다면 덜 적합합니다.
자주 묻는 질문
BENNE는 무료인가요?
네. 공식 사이트에 BENNE가 MIT 라이선스로 표기되어 있어 자신의 게임에 쓰는 경우를 포함해 무료로 사용할 수 있습니다.
BENNE를 쓰려면 Phaser를 알아야 하나요?
아니요. 방, 동사, 인벤토리, 대화는 BENNE가 처리해 줍니다. TypeScript를 알면 도움이 되고, 엔진을 확장하고 싶다면 Phaser 지식이 유용합니다.
BENNE 게임은 휴대폰에서도 실행되나요?
BENNE 빌드는 모든 최신 브라우저에서 실행됩니다. 다만 엔진이 마우스식 포인팅을 중심으로 설계되었으므로, 모바일 지원을 약속하기 전에 휴대폰에서 터치 조작을 테스트하세요.
BENNE 게임 해상도는 어떻게 설정해야 하나요?
가이드는 보통 320×240에서 640×480 사이의 낮은 내부 해상도를 쓰고, 정수 배율로 확대해 픽셀아트를 선명하게 유지할 것을 권장합니다.
BENNE 게임을 itch.io에 올리려면 어떻게 하나요?
npm run build:itch를 실행하고, releases 폴더의 ZIP을 HTML 프로젝트로 업로드한 뒤 브라우저에서 플레이 가능으로 표시하면 됩니다.
더 알아보려면 어디를 보면 되나요?
BENNE 공식 가이드, 배포 가이드, GitHub 소스 코드부터 시작해 보세요.
