JavaScriptでゲーム制作 | やまだの「死ぬまでにゲームをつくりたい!!」
2023-06-27 14:50:31

JavaScriptでゲーム制作

テーマ:進捗

「ゲームを作りたい」あなた、「JavaScript」が正解です!!

大学生未満の初心者系のあなた、「JavaScript」が正解です!!

(ちゃんとした文章書きたいけど、とりあえず。。。)

 

  必要なものがほぼない

テキストエディタで記述して、ブラウザで表示すれば動きます。

 

コンパイルしないと・・・、必要なものをインストールしないと・・・

そういう障壁はありません。

 

なので、サンプルを拾ってきて簡単に試せる。

簡単に試せるので、ちょっといじるとどう動きが変わるのか、とかいろいろ実験できる。

もっとも大事なことはすぐ動かせて確かめられること。

JavaScriptならそれができます。だから初心者に最高なんです。

 

#最近、仕事場でRustのWebAssemblyのインストールで発狂した

#WASM、提供されたライブラリを使う側なので気にしなくてOKです。

#コンパイルレス・インストールレスこそ最強

 

#できればいきなりゲームじゃなくてホームページ制作からやってほしいですけど(’’)

 

  どこまでできる?

(ゲームを作るという目的において)できないことがあるのだろうか

  • キーボード入力受け付けができて、コントローラ操作可能です
  • (サーバなしでも)ブラウザのストレージ機能でブラウザ閉じてもデータ残せます
  • 30FPSくらいは余裕。60FPSも全然いけます。(ただし、変なロジック書かなければ。)
  • 音楽や画像も使えます。
  • WEBサーバが使えるようなら、データ共有、環境によっては通信もできるかも。
  • WEBGLで3Dもできる(自分はさわりくらいしかしたことないけど)

パズルゲーム、シューティングゲーム、そういうサンプルはいくらでも見つけられるでしょう

 

  初手は?

自分のおすすめは、CANVASを活用する手法をおすすめしたい。

Javascriptでゲーム作る、みたいなサイトはだいたいそういう手法かな。

 

以下はとっても素敵なサイトだけど、いきなりやろうとすると大変なので、

#上のサイトでもCANVAS使ってます。だいたいそういう方針です。

#(Gameクラス で requestAnimationFrame している)

 

1.まずは 30FPS で CANVASに絵を描くところから

パラパラアニメを作るサンプル(80行)

 

2.キーボード(コントローラ)に対応させる方法を学ぶ

 

ゲームを作る最低限の技術は上2個だけで良くて、

 

3.プログラミングの勉強をして、、、(ここは難しいけど、参考サイトは死ぬほどある)

⇒ なんでもいいです、仕様が簡単なものを作って練習すればよいです。楽しく訓練できれば。

 

最終的には上記の延長上でロックマンぽいことができます。

 

  プログラムの勉強

とにかく動くものをたくさん作ること、これにつきます。

 

動くこと・動かす事が重要なので、

少ない行数で分かりやすく書かれたプログラムに出会って学んでいくのが良いと思っています。

「少ない行数で分かりやすく書かれたプログラム」を提供したいけど、なかなか・・・

 

IFとFOR、配列、に慣れるだけでも大変なのだけど、そこはうまく教える人がいると思う。

 

自分は動くサンプルを提供します。動かして学んでくれたら、、、

理想的には「自分もこれ作りてー!」って思ってもらえるようなものにしたい!!!

LIGHTNING FAST SAINT SAVER

 

ゲーム作りたい 小学生、中学生、高校生!!

JavaScriptとりあえず選んでおけば間違いない!!

 

将来、もっと目的に応じた言語使えばよいです。

まずは動くこと、コードを変えていろいろ試せること、を大事に。

LIGHTNING FAST SAINT SAVER くらいなら、技術不要で根性だけでできます。