コメント：Jqueryでラケットを初期化しました。現在、jQueryを使用してゲーム要素を配置し、グリッドの背景を使用してゲーム要素の位置を確認する方法についての実験を行っています。興味のある友達はそれについて学ぶことができます。皆さんが幸せなゲーム開発を願っています
jQueryはじめに[この部分は読みません。インターネット上にはたくさんあります。わからない場合は、Baiduの女の子を探してください]
jqueryを使用して、ゲーム要素を操作します
Jqueryでラケットを初期化しました。これで、jQueryを使用してゲーム要素を配置する方法についての実験を行います。
移動 - jqueryを使用して、要素の位置を変更する
グリッドの背景を使用して、ゲームの要素位置を確認しましょう。
1。ピンポンの例を引き続き使用しましょう。
2。ここから必要なグリッドの背景画像をダウンロードしてください。
3.エクササイズディレクトリに画像という名前のフォルダーを作成します。
4.ダウンロードした画像をJimagesフォルダーに配置します。この画像は、後でピクセルの変位を確認するのに役立ちます。
5.次に、エディターでindex.htmlを開きます。
6. Pixelグリッド写真を含めるように、次のように遊び場Divの背景プロパティを変更します。
＃遊び場{
背景：＃e0ffe0 url（images/pixel_grid.jpg）;
幅：400px;
高さ：200px;
位置：相対;
オーバーフロー：隠し;
}
7.ブラウザでindex.htmlを開きます。私たちが見るべきものは次のスクリーンショットでなければなりません：グリッドはゲームの背景にカバーされており、すべての要素の位置を見ることができます。
どうしたの？
簡単にデバッグするために、背景にpixel_grid.jpgという画像を配置しました。この画像には多くの小さなグリッドがあり、各10x10グリッドは100x100ピクセルの大きな塊を形成します。この画像を通して、画面上の要素の位置を測定できる定規があります。