初心者が征く!オリジナルゲーム作成道 day3

こんにちは!インターン生の内村です!

さて、本日はいよいよ制作開始!と行きたいところですが、制作に使用するプログラミング言語である「Javascript」についての知識が不足しているため
先に学習の時間を設け制作は一時中断としました。

筆者はもともとプログラミング言語について多少の知識(独学で教本を読んだくらいで大したことないです)はありましたが、
Javascriptに関してはほとんど学んだことがなかったため本腰を入れて学びました!
本日学んだのは以下の点です。
①そもそもJavascriptとはどういったプログラミング言語なのか
②どういった動作でJavascriptが機能しているのか
③文字やダイアログを表示するなどWEB画面への介入方法
④Javascriptの文法や細かなルール
⑤Javascriptの基礎となるプログラミング
教本がわかりやすく丁寧に解説されていたので、しっかりと理解しながら学ぶことができました!

ちなみに使用したのはこの教本です!(初心者でもわかりやすい尚且つ楽しいと思える内容でした! 今後のプログラミングに活かすことができる実用的な考え方も知ることができました!)
参考文献 「確かな力が身につくJavaScript「超」入門」 著=狩野祐東 様

最低限の基礎知識が得られたところで、残り時間も少ない中制作を開始しました!
前回、シューティングゲーム制作に必要だと感じた処理を羅列しましたが、本日は「①操作キャラクターや背景などの画像の表示」を試みました。

まず、キャラクターを表示するにはプログラミングの前に画像が必要なのでフリーサイトからいただきます。(下記に引用サイトがあります。)
今回のゲームのテーマは祭と花火のため、操作キャラクターとなる花火職人と祭をイメージできる背景の画像が必要です。(敵キャラクターについては必要になったときに探します)
Webサイトを参考にしたコーディングの結果以下のような画面が出来上がりました!

敵キャラクターなどはいませんがゲームのような画面になりましたね!(詳しいコーディング等は次回の制作内容と合わせて紹介いたします!)
ゲームイメージは画面の上の方から敵キャラクターが降ってきて、それを画面の下の方にいるキャラクターを操作して撃破していくといった感じです!

プログラミング初心者のため学習の時間がかなりかかってしまい、残念ながら制作の方はほとんど手を付けられませんでした。
次回からはドンドン制作していきたいと思います!

制作にあたってこのサイトを参考にさせて頂きました!
https://creive.me/archives/9788/ けいしゃけ 様

画像等の素材はこちらのフリーサイトからいただきました!
http://gahag.net/ 背景の画像
https://www.ac-illust.com キャラクターの画像 イラストレーター=miyagi 様 

興味を持たれた方はお気軽にお問い合わせください。

インターンシップへの申し込み・お問い合わせ先

インターンシップへの申し込み・お問い合わせ先
メールでのお問い合わせは、下記フォームに入力して送信してください。
ご氏名 (例)山田 太郎
メールアドレス 半角英数字:ご入力間違いのないようにご注意ください
メールアドレス(確認用) 半角英数字:ご入力間違いのないようにご注意ください
電話番号 (例)0354339211 ※ハイフン抜きで入力してください
題名
お問合わせ内容

アーカイブ

カテゴリー