JavaScript（Canvas）でゲームを作る学習を続けています。 といった仕組みを作りました。 そこからさらにロジックを追加して、 今回 ブラウザで遊べる形までまとめて公開してみました。 ⚙️ 追加したロジック 公開するまでにいくつかの仕組みを追加しました。

HTMLの <canvas> 要素でグラフィックスを扱うには、まず「レンダリングコンテキスト」の取得が必要です。本記事では、Canvas APIの入り口となるコンテキストの初期化から、最も基本的な図形である矩形（長方形）の描画、そして色指定の方法までを解説します。