Text Game Maker JS

Text Game Maker JS는 웹브라우저용 텍스트 게임 제작 라이브러리입니다. 자바스크립트, HTML 코드를 베이스로하여 콘솔(도스창)모양의 canvas를 생성하고 문자를 출력 및 사용자의 입력을 받을 수 있습니다.

Text Game Maker JS는 코딩 연습 및 게임 제작 연습 용도로 적합하며 아래와 같은 장점이 있습니다.

  1. 제한된 그리드(grid)를 사용하여 오브젝트의 위치관련 코드를 간단하게 만들 수 있습니다.
  2. 그래픽 리소스 없이 게임을 개발을 할 수 있어 코딩에 집중할 수 있습니다.
  3. HTML, 자바스크립트 기반으로 어떠한 OS에서도 웹브라우저를 통해 실행할 수 있습니다.
  4. 결국 웹페이지이므로 인터넷에 게시 및 공유하기가 쉽습니다.

Text Game Maker JS로 만든 게임 예제

테트리스: 바로가기(새 탭)


사용방법

https://github.com/a-mean-blogger/text-game-maker-js/releases에서 text-game-maker-js-starter-program.zip 을 받습니다.

압축파일에는 아래의 파일들이 있습니다.

  • text-game-maker-1.0.0.min.js: Text Game Maker JS의 메인 라이브러리파일입니다. Text Game Maker JS의 모든 오브젝트와 함수들은 TM 오브젝트에 들어 있습니다.
  • index.html: Text Game Maker JS의 사용을 위한 설정이 되어 있는 html파일입니다.
  • main.js: 코드를 작성하는 파일입니다. Text Game Maker JS의 간단한 출력 예제 코드가 들어있습니다.
  • readme.txt: readme 파일입니다.

index.html을 더블클릭하면 Starter Program이 브라우저에 실행됩니다.


검은 화면이 프로그램의 메인 출력부분입니다. 그 밑으로 디버깅용 데이터가 표시되고 있습니다.

main.js에 자바스크립트 코드를 추가하여 텍스트 프로그램을 만듭니다.

튜토리얼

간단한 게임을 만들며 Text Game Maker JS의 사용법을 익힙니다. 여기를 눌러 이동

문서

Text Game Maker의 모든 오브젝트를 살펴봅니다. 여기를 눌러 이동

소스코드

Github: https://github.com/a-mean-blogger/text-game-maker-js

라이센스

MIT license

Copyright 2017 [email protected]

댓글

쮸리맨 2017.11.02
오우 새로운강의가 올라왔네요 ? 자바스크립트는 무궁무진하네요 제가 컴공 3학년인데 자바스크립트쪽으로 갈려고 생각중인데 좋은생각이 맞겠죠 ㅠ? 
I
Ian H 2017.11.13
@쮸리맨,
강의는 아니고 라이브러리 발표입니다! 자바스크립트의 미래는 밝습니다^^
j
jayc 2017.11.12
컴퓨터공학과 대학 진학 앞둔 고3인데 블로그 보니 대학 생활 더욱 기대되네요 ㅎㅎ
I
Ian H 2017.11.13
@jayc,
저는 컴퓨터 공학과를 나오진 않아서 어떨지는 모르겠는데 아마 재밌지 않을까 싶어요^^
지승우 2017.12.20
오 MEAN Stack강의 듣고 일루넘어와 또 다른 세계를 경험하네요! 이것또한 angular에 올릴 수 있을까요??
I
Ian H 2017.12.21
@지승우,
자바스크립트로 만든 라이브러리기때문에 Angular뿐만 아니라 어떠한 웹 어플리케이션이라도 모두 작동합니다!
구재모 2018.05.12
저 초1인데 자바랑 c랑c#마스터햇걸량요?(나이에비해 알고있는 언어가 별로없어서 ㅠㅠ)이거 충분히 할수있겠죠?
I
Ian H 2018.05.14
@구재모,
자바랑 c를 배웠으면 자바스크립트는 쉽게 할 수 있습니다^^ 
댓글쓰기

이 글에 댓글을 다시려면 SNS 계정으로 로그인하세요. 자세히 알아보기

UP