私はjavascriptでボードゲームを開発しており、すべての条件と反復をほぼ解決しましたが、まだ1つの問題があります.サイコロを振ってからポーンが移動し、ポーンが特定の場所に到達したときです.ボードでは、質問のカードが表示されるはずです。そのカードは実際には html div であり、.css ファイルを使用して表示と非表示を切り替えるだけです。問題は、サイコロを振った直後に「発射」していて、ポーンが実際にそのボード セクションに到達したときにそれを表示させるために、ポーンの動きと同期させる方法がわかりません。ポーンは単なる画像であり、jQuery を使用して $("#bluePawn") のように「呼び出し」、次に JavaScript でアニメーション関数を使用してボード上で「移動」させます。その関数は 4 つのパラメーターを受け取ります。つまり、移動する DOM オブジェクト (前述のポーン)、ボード上のポーンの現在の位置、移動するスペースの数、および true/false フラグです。ムーブメントを発行するコードを示すと、これがよりわかりやすくなることを願っています。
ポーンを配置して移動できる場所は、連想配列に含まれるピクセル座標でボード上に「マーク」されます
サンプル コードを含めようとしましたが、適切にインデントできませんでした。