top drop menu

Recent Post

목요일, 11월 22

프로세싱(112) : P5.js 우주 슈팅 게임(1)

asteroid-1477065_1280

P5.js를 이용하여 게임을 만드는 유튜브 동영상을 따라서 간단히(?) 게임을 하나 만들어 보자. 코드를 작성하는게 중요한게 아니고 코드의 의미를 이해하는 것이 더 중요하다. 제일 먼저 우주선 클래스를 만들고 플레이어가 될 우주선을 하나 만들어 키보드에 따라 움직이도록 하는 작업을 하자. 자세한 내용은 아래 링크이 동영상을 참조 하자. 게임의 목표는 떠 돌아 다니는 소행성을 모두 제거하면 된다.

https://youtu.be/hacZU523FyM

이거 하나 움직이는데도 코드가 복잡하다. 최종 결과물은 실제 우주공간에 떠 있는 것처럼 끊어 지지 않고 유영하듯이 잘 움직이다. 화살표 키보드에 의해 동작된다. 좌, 우키로 방향을 전환하고 업키로는 우주선을 전진하게 한다.

1차 결과는 아래 링크에서 확인하자. 따라 한거라서 별 쓸 내용이 없다 ^^;

http://visualssing.dothome.co.kr/p5js/p5js_exam19.html

이제 소행성들을 만들어 주자.

다음편에 계속 …

Blogger Widget