HTML5でブラウザゲームを作る上でゲームが完成するまでのステップと準備するものを全部教えてください。

Question

HTML5の教材も買って読み始めましたが全く理解ができず最終的に何も身にならないで困っています。enchant.jsを使えと言われても使い方そのものもわからないのにサイトや教材は一方的に説明するばかりで自分にとっては一歩もプログラミング学習を進めなくて挫折しそうです。本当に知識がなくてpro gateなどいくつかのプログラミングの基本が学べるサイトで学習しても結局何もわからないままどうゲームを作って行けばいいのかわかりませんでした。.IO game系のブラウザゲームを作りたいのでゲームを作るのに必要なもの全て、そしてどのようにゲームを作っていけばいいかそのステップを教えてください。今の自分は公開されてるゲームプログラミングのソースをコピーしても編集すらできずに困っています。ゲームを作らなければ生活も厳しくなるので助けてください。

Answer 1

なかなかにアバウトな質問ですが、生活が懸かるようなので回答してみます。

準備するものは
・テキストエディタ
・HTML5の教材（買ったものでたぶん大丈夫と思います）

ステップは以下の通り
1.空のhtmlを作れるようになる
2.文字列を表示できるようになる
3.単純図形（□,〇,△）を表示できるようになる
4.単純図形を自動的に動かせるようになる
5.単純図形をユーザの操作で動かせるようになる
6.単純図形を組み合わせて絵を作れるようになる／画像ファイルから絵を作れるようになる
7.単純図形を組み合わせた絵を自動的／ユーザの操作で動かせるようになる

1～7ができるようになると初歩的なゲームを作る基礎技術が得られます。
ゲームは1～7+αを組み合わせて作ります。
組み合わせて作るので「目的のゲームは1～7をどう組み合わせればできるか」を考える必要があります。
組み合わせ方を考えられれば、そのように1～7をコーディングする（プログラムを書く）ことでゲームを作れます。
目的には足りない部分（+αの部分）があれば、それをどうすればできるかを考え・調べ・聞く(teratailで）をしていきます。
ゲームは組み合わせで、プログラムもまた組み合わせ。1つ1つ作って積む積み木のようなものです。
いきなり作ることは非常に難しいですが、積み木のピースを学び理解すれば作れるようになります。

▽補足
enchant.jsはライブラリと言われるものです。
ライブラリは1～7が分かるようになっている前提で、簡潔（記述量を少なく）に作れるようにしたり、高度な機能を実現することを助けてくれるものです。Daiyaさんにはまだ早いですね。高度なゲームを作りたいと思っているでしょうが、見栄えのするゲーム（積み木）を作るにはそれ相応に大量のピースが必要なので、簡単なところから始めましょう。
また、出来上がったソースを理解できず編集できないのは当然です。積み木であることも知らなかったのですから。それも小さな積み木が作れるようになることで変わってきます。大きな積み木もどういったピースで作られているか想像ができるようになれば、その積み木を真似して作れるようになるからです。（とは言え、このレベルになるには相応の敵を倒して経験値を得る必要はあります。RPGのようにね。）

千里の道も一歩から
大変な道も進んでいけば後には道ができている

求めるゲームを作るには今以上に苦労をされると思いますが、自分で一歩一歩進んだことは身に付きます。
恐らく挫折しちゃうんだろなと思っちゃいますが、健闘を祈ります。