コメント: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ピクセルの大きな塊を形成します。この画像を通して、画面上の要素の位置を測定できる定規があります。