![見出し画像](https://assets.st-note.com/production/uploads/images/23960420/rectangle_large_type_2_0668afdfa2b4ca4494ec84b2de139e33.png?width=1200)
【JavaScript】CreateJSとクラスを用いたシューティングゲームのサンプル
CreateJSとクラス( オブジェクト指向 )を用いた『シューティングゲーム』を作成してみました。
1. 概要
マウス、もしくは画面タッチで自機を動かしながら弾を発射することで、敵機を倒していくゲームとなります。
![画像1](https://assets.st-note.com/production/uploads/images/23960553/picture_pc_556cc180705a709529e1b5f77b76cd31.png?width=1200)
2. パッケージ構成
構成は下記となります。
今回は js/class フォルダ内にPlayer(自機)、Enemy(敵機)、Bullet(弾 )のクラスを3つ準備しました。
js-shooting-game
├ index.html
├ css
│ └base.css
└ js
└class
├Player.js
├Enemy.js
└Bullet.js
3. ソースコード解説
JavaScript のクラスは1クラス1ファイルにしました。(Java方式です)
下記のサイトでソースコード含めて紹介しています。