Search image

プログラミング講座 第21回【シューティングゲーム作成(1)/JavaScript】

高評価: 624件

再生: 73,464回

公開日: 2019年5月29日

ゲームプログラミング講座みたいになってしまいますが・・・テトリスに続いてもう一つ、レトロシューティングゲームを作ります。とりあえず、作ってみたやつが意外と面白いので是非やってみてくださいw
-- 宣伝! --
9月14日にオンラインサロンを開設しました。
「楽しいプログラミングサークル」
https://music-book.jp/salon/detail/17
まだコンテンツは少ないですが、色々な学習用動画をアップする予定です。
また、メンターとして質問にも答えたいと思いますので
是非宜しくお願いいたします!
-- -- -- -- --

★チャンネル登録はコチラ★
https://www.youtube.com/c/akichon?sub_confirmation=1
是非チャンネル登録してください!
■注意■
今回classを使って制作してみたので、古いブラウザ(つまりInternetExplorerでは動作できないのでご注意)
https://aki28.com/f/stg2
※chromeとedgeで動作確認。IEは動きません!
解説ページはこちら https://aki28.com/21
キャラクターデータ・効果音はネットで拾ってきました。
背景はgoogle mapで見た地元です(笑)
どこか当てたら偉い!

作り始めたら意外と簡単で基本的な部分は数時間で出来ました。
ただ、敵のパターンとか色々凝りだしてしまって・・・・。
そういうつもりで作ったのでは無いと泣く泣く途中でやめました。
ゲームはあとでバージョンアップしていこうと思ってます。
誰かキャラとBGM作ってくださいw

第2回に続く...

■プログラミング基礎は第1回と第2回
https://youtu.be/dD_KwXU9meA
■JavaScriptは第3回~第12回
https://youtu.be/AfweV12r_FE

■シューティングゲーム制作プレイリスト
https://www.youtube.com/playlist?list=PLa3BDwShqOrT0NPZ16UxY-w_NJ4erbSbV
■テトリス制作プレイリスト
https://www.youtube.com/playlist?list=PLa3BDwShqOrThKoaWauNo8EKZda4pat7Z

#プログラミング #プログラミング学習 #JavaScript #シューティング #プログラム入門 #プログラミング入門

説明文の続きを見る

Channels4 profileAkichun★PG

Somethingシューティングゲーム作成(JavaScript)

プログラミング講座第21回目からシューティングゲーム制作です。 JavaScriptでのプログラムの勉強にどうぞ御覧くださいませ!

  1. プログラミング講座 第21回【シューティングゲーム作成(1)/JavaScript】
  2. プログラミング講座 第22回【シューティングゲーム作成(2)/JavaScript】
  3. プログラミング講座 第23回【シューティングゲーム作成(3)/JavaScript】
  4. プログラミング講座 第24回【シューティングゲーム作成(4)/JavaScript】
  5. プログラミング講座 第25回【シューティングゲーム作成(5)/JavaScript】
  6. プログラミング講座 第26回【シューティングゲーム作成(6)/JavaScript】
  7. プログラミング講座 第27回【シューティングゲーム作成(7)/JavaScript】
  8. プログラミング講座 第28回【シューティングゲーム作成(8)/JavaScript】
  9. プログラミング講座 第29回【シューティングゲーム作成(9)/JavaScript】
  10. プログラミング講座 第30回【シューティングゲーム作成(10)/JavaScript】
  11. プログラミング講座 第31回【シューティングゲーム作成(11)/JavaScript】
  12. プログラミング講座 第32回【シューティングゲーム作成(12)/JavaScript】
  13. プログラミング講座 第33回【シューティングゲーム作成(13)弾幕/JavaScript】
  14. プログラミング講座 第34回【シューティングゲーム作成(最終回)/JavaScript】

Pickup iconPick upチャンネル

タブレットで書いたとは思えない丁寧で読みやすい字!そして分かりやすい説明!画面構成上、地味と言えば地味ですが、むしろ必要十分と言えるコンパクトな問題解説動画です。

Studytube icon 96ログイン

Interview header 360 Question header 360
Studytuber banner 300

Studytube icon 96チャンネル登録

教育系のYouTubeチャンネルを運営されている方はチャンネル情報の登録に是非ご協力ください。ログイン後、読み込みボタンをクリックすることでチャンネルデータが自動で読み込まれます。

Studytube icon 96ご意見・ご感想

※お返事が必要な場合はお問い合わせからお願いいたします。