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

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

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

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

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

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

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

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

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

Panelクラスの中でspinメソッドを定義して、画像を切り替えられるようにします。

SPINボタンとSTOPボタンが見本のように動作するよう、clickイベントを設定していきます。

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