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

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

■webエディター
https://editor.p5js.org/

■今回のサンプルプログラム
https://editor.p5js.org/AosagiHeron/s...

■Links
ベクトルについて
   • 自機狙い弾でわかる、ベクトルと逆正接【ゲーム・プログラミング講座】【JavaScri...  
p5.jsのリファレンス（説明書）
https://p5js.org/reference/
JavaScriptについて
https://developer.mozilla.org/ja/docs...
DeepL（精度の高い機械翻訳）
https://www.deepl.com/translator

■もくじ
00:00 ごあいさつ、JavaScriptを使う理由
01:23 プログラミングとは？
02:47 JavaScriptプログラミングの始め方
03:12 webエディターの使い方（保存やシェアのやり方）
05:16 最初のプログラム
06:36 変数、スクリーン座標系について
08:12 式について
09:19 コメント、JSDocについて
10:04 変数を定義する(let)、エラーについて
11:48 関数を定義する(function)
13:41 ブロック崩しを作りはじめよう
14:47 ボールを動かすには？
15:47 ボールの移動をベクトルであらわす
16:25 変数を変更する、そのメリット
18:33 スコープについて
19:55 条件分岐（if文）について
20:28 反射ベクトル（壁が軸に並行な場合）
21:21 if文で「または」「かつ」を表現するには
22:49 よく使う演算子まとめ
23:16 〆、100人感謝、これからの予定など


■ライセンス Licenses
フリーBGM・音楽素材MusMus http://musmus.main.jp/

Gray Heron photo
Photo by Denise Duplinski from Pexels
  / dduplinski