top drop menu

Recent Post

목요일, 11월 22

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

asteroid-1477065_1280

이제 떠돌아 다니는 소행성들을 만들어 주자. 마찬가지로 아래 유튜브 영상을 따라가자.

https://youtu.be/hacZU523FyM

  • 다수의 asteroid를 만들어 줘야 한다. 모양도 제각각이다. Asteroid 클스를 이용하여 원하는 갯수만큼 만들어 주면 된다.  여러가지 모양은 vertex를 이용해서 꼭지점의 위치에 무작위 변화를 주어 다른 모양으로 그려 준다. 기본적인 동작은 동일하다. 화면을 벗어 나면 반대편에서 다시 나오게 되어 있다.

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

이제 우주선에서 레이저가 발사 되게 만들어 주고 소행성들에 레이저가 맞게 되면 소행성이 둘로 쪼개지도록 해준다.  지정한 크기의 행성을 맞추면 완전히 제걱 된다. 자세한 내용는 아래 유트브를 따라 가자.

https://youtu.be/xTTuih7P0c0

이미지 125

이제 어느정도 게임이 기본 형태를 갖췄다. 필요하다면 점수판을 넣어 주고 오디오 효과도 넣어 주도록 하자.  최종 결과는 아래 링크로 확인 하자.

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

Blogger Widget