-
-
HTML5 Canvas - 웹의 한계를 캔버스로 뛰어 넘는다
스티브 펄튼 & 제프 펄튼 지음, 이수진.이성희 옮김 / 한빛미디어 / 2012년 1월
평점 :
절판
HTML5 Canvas
웹의 한계를 캔버스로 뛰어 넘는다.
캔버스는 새로 배워야 하는 수많은 HTML5 기능 중 가장 흥미 있는 주제다.
이 책에서는 캔버스로 그림과 문자를 출력하고, 이미지를 다루고,
애니메이션을 만들어서 대화식 멀티미디어 애플리케이션을 개발하는 방법을 알려준다.
특히 이 책에서는 2D 그리기, 문자, 비트맵 이미지를 만들고
변경하기를 시작으로 다양한 예제코드들을 제공하고 있다.
기본 사각형, 간단한 선 패스, 문자 폰트 설정하기, 이미지에 회전 적용하기 등
HTML5의 새로운 기술들을 보고 느끼고 배울 수 있다.
그러나 그것은 시작에 불과하다 HTML5는 웹 게임이다라는 것을 후반부에 가면 느끼게 될 것이다.
첫번째 비디오와 오디오 넣고 제어하기!
video src="name.mp4" 태그를 통한 손쉽게 제어하기!
canvas와 결합시킨 새로운 경험!
audio src="song.ogg" controls="controls" 태그를 통한 오디오 제어하기!
두번째 캔버스에 다양한 게임을 만들기 위한 기본적인 프레임워크 구축하기
비트맵과 타일시트를 이용하여 움직이는 게임 그래픽 만들기
예제 7-6에서 보여주는 300라인으로 갤러그 게임 만들기!
이 부분은 잘 살펴보시면 많은 도움이 될 것이다.
그리고 예제 9에서 MicroTankMazeFinal 프로젝트는 더이상 HTML5는 웹의 한계를 보여준다.
마지막으로 폰갭을 이용하여 캔버스 애플리케이션을 아이폰에 넣기와 캔버스에 3D와 다중 사용자 게임 프로그램을 개발하기도 웹의 한계를
보여주고 있다.
HTML5에서 가장 중요한 Canvas 분야는 예제를 따라 차근차근 따라해 보길 권장한다.
아래는 HTML5 Canvas 예제소스를 다운받을 수 있는 인터넷 주소이다.