자바스크립트로 슈퍼마리오 만들기 「kaboom.js」

 

[마리오 게임테스트]

*점프 : space

* 좌우이동 : 방향키

 

 

 

kaboom.js는 슈퍼마리오와 같은 아케이드 게임에 최적화 된 JS 게임 라이브러리다.

간단한 사용법은 타의 추종을 불허한다.

 

[Quick start]

<script src="https://kaboomjs.com/lib/0.5.1/kaboom.js"></script>
<script type="module">

// initialize kaboom context
const k = kaboom();

// define a scene
k.scene("main", () => {

    // add a text at position (100, 100)
    k.add([
        k.text("ohhimark", 32),
        k.pos(100, 100),
    ]);

});

// start the game
k.start("main");

</script>

 

직접 사용해본 결과

1~2mb 용량, 코드 200줄 정도면, 슈퍼마리오 흉내를 낼 수 있었다. 

 

게임제작계의 제이쿼리와 비슷하며,

2D 아케이드 게임에 사용되는 관련 메서드를 따로 지정할 필요가 없다.

kaboom.js 역시 일종의 게임엔진이다. 저용량일 뿐,

 

 

배경 및 캐릭터의 sprite기능이 지원되는지 좀더 알아봐야겠지만

팝업창에서 실행하는 정도의 간단한 고전게임 혹은 인디게임류 제작에 추천할 만한 게임 라이브러리다.

 

https://kaboomjs.com/#obj.on

KaBoom!!!