반응형
1. Intro
필자는 과제로 html에서 제공하는 2d Graphic API인 canvas를 사용하여 webGame을 제작한 경험을 바탕으로 강좌를 진행하려 한다.
이 강좌는 JS 문법을 알어야 이해하기 쉽다(JS 문법을 설명할 생각은 없다)
canvas 사용법 부터 꼭 필요한 animation과 필요한 gameFrameWork의 기능을 모두 설명할 것이며 마지막으로는 필자가 만든 북극탐험 게임을 만들 것이다.
우선 그 첫번째로 html Canvas에 대해 설명하려 한다.
기존의 웹 브라우저는 game을 표현하기에 미흡하였다. 우선 동적 이미지 처리에 관해서는 고려하지 않았기에 그래픽 처리에 있어 리소스가 항상 부족하였다(이점은 아직도 모바일 웹환경에서 크게 다르지 않다)
> 최근 지원을 시작한 openGL(webGL)로 2d Graphic처리를 한다면 Canvas보다 좋은 성능을 기대할 수 있다. 하지만 본 강좌에서는 canvas를 통한 기본적인 게임을 설명한다.
canvas의 사용법은 간단하다.
<html>
~
<body>
<canvas id="myCanvas" width = "~" height = "~" >
</canvas>
</body>
</html>
이 끝이다.
그리고 js에서 canvas 객체에 이미지를 넣어주면 끝이다.
이제부터는 js 설명을 진행하며 게임의 기본이 되는 loop 부터 설명을 하겠다.
반응형
'언어 > js' 카테고리의 다른 글
| html Canvas 게임 강좌 - 4 (0) | 2015.01.16 |
|---|---|
| html Canvas 게임 강좌 - 3 (0) | 2015.01.15 |
| html Canvas 게임 강좌 -2 (0) | 2015.01.13 |
| JavaScript - prototype (0) | 2015.01.10 |
| WebGame RPG - PG_Villiage (0) | 2015.01.08 |