概要
- javascriptでスーパーマリオ的なゲームを作ります (イメージは以下参照)
- プログラミング未経験者またはちょっとかじったことがある人向けです
- 実際に動かしながら楽しくゲームを作っていく記事とするつもりです
- 特に環境の準備は不要で、メモ帳やテキストエディタがあればOK
- 後半ではリファクタしながら、こういう風に書いたら読みやすいよねまでやりたいです
▼ゲームイメージ
筆者紹介
- 大学では建築を学ぶ
- 就職先はIT関連の会社に就職 (主にjava、サーバーサイド、自社のフレームワークを使用)
- ITベンチャー企業に転職する (主にjavascript、フロント & サーバーサイド、AWSを使用)
- そして今に至る
背景
- 当時職場で初学者にパッと進められるjavascriptの参考ページがなかったから
- 楽しみながら、実際に動かしながら、初期ハードルが低く学べるといいなという思いがあったから
- 過去にスーパーマリオのゲームを実際に作ってみて楽しく学習した経験があった
- 将来の自分の子供ならびに親戚の子供に興味を持ってもらえるような教材を自分で作ってみたかった (使ってもらえるかは不明)
- 書いてみたかったから
本記事の目的
- 以下を達成すること
- 初期ハードルを低く始めることができる
- プログラミング初心者が楽しんでプログラミングに触れることができる
- 本記事を元に実際に動くゲームを作ることができる
- 本記事で記載しているプログラムの概要を理解し、アレンジしを加えることができる
対象者
- プログラミング未経験者でやる気のある方
- 年齢は中学生以上を想定(頑張れば小学生以下でも可能、たぶん)
補足
- 所要時間はトータル5−１０時間程度のつもり (内容をどこまで深く理解しようとするかで変動します)
- 筆者のパソコンはMac
- プログラムを書くためにしようしているエディタは VSCode
留意事項
- 本記事は筆者がjavascriptの学習がてら独学で記載していることなので世間一般のお作法や語彙から逸脱している可能性があるかも
- 特にロジック部分は勝手に考えて作ったものであることはご留意いただければと