JavaScript で検索した結果 - プログラミングならドットインストール

2行目以降の棒を倒す処理を追加したのち、迷路のサイズを変えられるように設定していきます。

マジックナンバーについて確認したのち、迷路のサイズに応じてcanvasを設定していきます。

描画処理を切り出すために、MazeRendererクラスを作っていきます。

MazeRendererクラスのrender()を実装し、迷路を完成させていきます。

完成版を確認したあとで、必要なファイルを作っていきます。

HTMLでマークアップをして、画面の大まかな見た目を作っていきます。

CSSで、imgのサイズのほか、画面全体とmainのスタイルを調整していきます。

画像とSTOPボタンのスタイルを調整していきます。

Panelクラスを定義して、コンストラクタの中で要素を生成するコードを書いていきます。

Panelクラスを完成させたあと、実際にインスタンスを作って画面に要素を追加します。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス