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

外周のみを壁にしたあとに、棒を格子状に配置していいきます。

棒を倒す位置を、乱数とswitch文を使って決めていきます。

壁がある方向に棒が倒れないように注意しながら、棒を上下左右に倒していきます。

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

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

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

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

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

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

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

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