Komentar: Kami telah menginisialisasi raket dengan jQuery. Sekarang kami sedang melakukan percobaan tentang cara menggunakan jQuery untuk menempatkan elemen game dan menggunakan latar belakang grid untuk memeriksa lokasi elemen game kami. Teman yang tertarik dapat mempelajarinya. Saya berharap Anda semua pengembangan game yang bahagia
PENDAHULUAN JQuery[Saya tidak akan membaca bagian ini, ada banyak di internet. Jika Anda tidak mengerti, silakan cari gadis Baidu]
Gunakan jQuery untuk mengoperasikan elemen game
Kami telah menginisialisasi raket dengan jQuery. Sekarang kami melakukan percobaan tentang cara menempatkan elemen game menggunakan jQuery.
Pindahkan - Gunakan jQuery untuk memodifikasi posisi elemen
Mari kita gunakan latar belakang kisi untuk memeriksa posisi elemen game kami:
1. Mari kita terus gunakan contoh pingpong.
2. Unduh gambar latar belakang grid yang kita butuhkan dari sini.
3. Buat folder bernama gambar di direktori latihan.
4. Tempatkan gambar yang diunduh di folder Jimages. Gambar ini akan membantu kami memeriksa perpindahan piksel nanti.
5. Selanjutnya, buka index.html di editor.
6. Ubah Properti Latar Belakang Playground Div sebagai berikut untuk menyertakan gambar grid piksel.
#tempat bermain{
Latar Belakang: #E0FFE0 URL (gambar/pixel_grid.jpg);
Lebar: 400px;
Tinggi: 200px;
Posisi: kerabat;
meluap: tersembunyi;
}
7. Sekarang buka index.html di browser. Apa yang harus kita lihat harus menjadi tangkapan layar berikut: Kisi -kisi tertutup pada latar belakang permainan, dan kita sekarang dapat melihat lokasi semua elemen.
Apa yang terjadi?
Untuk debugging yang mudah, kami menempatkan gambar yang disebut pixel_grid.jpg di latar belakang. Gambar ini memiliki banyak kisi kecil, masing -masing grid 10x10 membentuk potongan besar 100x100 piksel. Melalui gambar ini, kami memiliki penggaris yang memungkinkan kami untuk mengukur posisi elemen di layar.