게임 및 엔터테인먼트 용 HTML5 캔버스

• 할 수있다 17, 2024

애니메이션과 게임이 함께합니다. 애니메이션을 만드는 여러 가지 방법 중 HTML5 캔버스는 값 비싼 소프트웨어가 없기 때문에 저렴한 옵션 중 하나입니다. Foundation HTML5 Canvas : Rob Hawkes의 게임 및 엔터테인먼트 용은 HTML5 Canvas 게임 제작에 관심이있는 사람들을위한 훌륭한 초보자 용 책입니다.

Hawkes는 기본 HTML5 페이지를 해체하여 HTML5에 대한 소개를 시작합니다. 그는 CSS3, JavaScript 및 JQuery 라이브러리가 HTML5와 함께 작동하는 방식에 대해 설명합니다. JavaScript는 HTML5를 사용한 게임 제작의 중요한 부분이므로 변수, 데이터 형식, 함수, 조건 등을 포함하여 JavaScript의 기본 사항을 다루는 데 많은 시간을 할애합니다. 그것이 끝나고 나면 Hawkes는 HTML5 캔버스의 기본으로 이동하여 모양 그리기에서 캔버스 지우기, 브라우저 제어에 이르기까지 단계별로 가져옵니다.

Hawkes가 스케일링, 회전 및 기타 변형을 도입함에 따라 상황이 흥미로워지기 시작합니다. 다음으로 그림자와 그라디언트로 사실감을 추가하고 캔버스를 이미지로 내보내는 작업으로 넘어갑니다. 이미지를 처음부터로드하고 만드는 방법을 배우면 이미지를 변형하고 효과를 적용하기 위해 픽셀 조작으로 이동합니다.

모션과 일을 움직이게하면 첫 게임을 한 단계 더 발전시킬 수 있습니다. Hawkes는 상태를 기억하고 원을 따라 움직이는 것과 같은 기본 사항을 다룹니다. 경계와 충돌 감지가없는 게임을 가질 수 없으며 저자는 현실적인 모션을 만드는 데 사용되는 속도, 가속도 및 마찰과 같은 물리학의 기본 사항에 대해 설명합니다.

이제 스페이스 볼링 게임 인 첫 번째 게임을 만들 준비가되었습니다. 게임용 사용자 인터페이스를 구성하는 방법과 함께 고정 및 비 정적 개체를 제어하는 ​​방법을 배웁니다. 마우스 입력 감지 및 win / lose 플레이어 시나리오 코딩에 대해서도 배웁니다. 소행성 회피 게임은 Hawkes가 게임 내에서 키보드 입력을 감지하고 오디오를 제어하는 ​​방법을 가르치는 다음 게임입니다.

Hawkes는 HTML5 캔버스와 Flash와 같은 대안의 차이점에 대한 짧은 토론으로이 책을 끝냅니다.^{아르 자형}. 또한 CPU 성능과 같은 캔버스의 한계와 3D 및 다양한 라이브러리를 포함하는 캔버스의 미래를 지적합니다.

Rob Hawkes는 Bournemouth University에서 Interactive Media Production을 전공했으며 HTML5 및 기타 웹의 새로운 기능을 전문으로하는 비주얼 프로그래머입니다. 게시자 웹 사이트에서 소스 코드를 다운로드 할 수 있습니다.

Google 도서에서 미리보기

게시자 웹 사이트 방문

저자의 웹 사이트 방문

* Apress Media는 무료로 검토 사본을 제공했습니다.

비디오 지침: Flyswatter Game In JavaScript With Source Code | Source Code & Projects (할 수있다 2024).