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

画像を読み込んだあとに指定したタイルを好きな位置に切り出す方法について見ていきます。

パネルを切り出して描画する方法について図を使って確認していきます。

drawImage()の引数に必要な情報を与えてパネルを切り出していきます。

タイルの状態をプロパティに保持しておいてそのとおりに描画する方法を見ていきます。

canvasの左上を原点とした座標を求める方法を見ていきます。

クリックした座標の列と行を求める方法を見ていきましょう。

クリックしたタイルの上下左右を調べる方法について見ていきます。

destCol、destRowを使ってタイルを入れ替えていきます。

空白のタイルを入れ替えるために必要な移動先の列と行を求めていきます。

destColとdestRowの範囲をチェックしたあとに、分割代入を使ってタイルを入れ替えていきます。

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