【インストール不要】JavaScript + p5.js まるわかり講座、後編。【ゲーム・プログラミング】【初心者向け入門】

JavaScriptやプログラムを全く知らない人が、簡単なゲーム（ブロック崩し）を作れるようになるまでを解説します。
また、このチャンネルのサンプルプログラムを理解できるようになります。
もちろん疑問点も多々あるかと思うので、気軽にコメント欄にて質問してください。暇を見て返しています。

■webエディターはこちら（インストール不要）
https://editor.p5js.org/

■サンプルプログラムはこちら（インストール不要）
クラスを使って書き換える
https://editor.p5js.org/AosagiHeron/s...
反射ベクトル
https://editor.p5js.org/AosagiHeron/s...
完成形
https://editor.p5js.org/AosagiHeron/s...

■Links
ベクトルについて
   • 自機狙い弾でわかる、ベクトルと逆正接【ゲーム・プログラミング講座】【JavaScri...  
p5.js のリファレンス（説明書）
https://p5js.org/reference/
JavaScriptのリファレンス
https://developer.mozilla.org/ja/docs...
○☓つくろーどっとコム　様
http://marupeke296.com/

■もくじ
00:00 ごあいさつ
00:35 クラス(class)で、散らかった変数をまとめる
02:03 クラスの書き方
02:47 constructorは、「変数を仕立て上げる」関数
04:03 定義したベクトルクラスをもとに、変数を作る
05:30 ボールクラスを作って、位置・速度ベクトルをまとめる
06:17 ベクトルの計算を簡潔に書く
09:25 ブロッククラスの定義、描画
10:22 円の衝突判定、距離の計算
12:04 反射ベクトルの計算
18:42 ブロックをたくさん作って描画。Array（配列）とループ構文（for文）
21:39 ボールとブロックの衝突判定
22:28 ブロックを量産する式
25:55 setup関数の使い所さん
27:02 パドルクラス
30:13 ブロックを消すには？
31:52 〆、補足編について

■ライセンス Licenses
Gray Heron photo
Photo by Denise Duplinski from Pexels
  / dduplinski