Membuat permainan Windows 8 yang mudah dengan JavaScript: Asas Aplikasi Windows 8

Tutorial ini membimbing anda melalui membina permainan Windows 8 yang mudah menggunakan HTML5, JavaScript, WinJS, dan CreateJS Perpustakaan, menyesuaikan sampel XNA "Makmal Wars Catapult".

Konsep utama yang dilindungi:

• menyediakan persekitaran pembangunan Windows 8 dengan Visual Studio 2012.
• Membuat projek baru dan memahami strukturnya.
• menggunakan HTML dan CSS untuk antara muka permainan.
• menggunakan JavaScript untuk logik permainan, pengurusan dunia, pemuatan imej, dan fungsi penolong.
• Melaksanakan gelung permainan untuk kemas kini negeri dan paparan kandungan.
• menyesuaikan susun atur permainan menggunakan pertanyaan media CSS untuk saiz skrin yang berbeza.
• Menyimpan keadaan permainan sebelum penggantungan aplikasi untuk mengelakkan kehilangan data.

Persediaan dan Struktur Projek:

Mulailah dengan memasang Windows 8 dan Visual Studio 2012. Buat projek JavaScript "Blank App" baru di Visual Studio, menamakannya "Catapultgame". Komponen utama projek termasuk:

• References/Windows Library for JavaScript
• : starter CSS, termasuk pertanyaan media untuk reka bentuk responsif. css/default.css
• : Mengandungi logik JavaScript awal; Di sinilah fungsi teras permainan akan tinggal. js/default.js
• : Halaman HTML utama untuk permainan. default.html
• : Tetapan Projek (Nama, Deskripsi, dan lain -lain). package.appxmanifest
• folder: Mengandungi imej lalai; Ganti ini dengan aset permainan anda. images

Menjalankan projek kosong mendedahkan halaman HTML asas dengan teks "Kandungan Pergi Di Sini". Teks ini berasal dari fail

.

default.html

HTML, CSS, dan JavaScript Peranan:

html (

):
• mentakrifkan struktur dan kandungan permainan. ): default.html gaya penampilan permainan dan mengendalikan susun atur responsif menggunakan pertanyaan media untuk orientasi skrin yang berbeza dan saiz tingkap.
• JavaScript (): default.css Menguruskan logik permainan, mengendalikan input pengguna, mengemas kini keadaan permainan, memuatkan aset, dan menjadikan permainan pada kanvas. Fungsi dan
dalam
• adalah penting untuk memulakan dan menjimatkan keadaan permainan sebelum penggantungan, masing -masing. default.js onactivated oncheckpoint default.js Langkah -langkah seterusnya dan pembelajaran selanjutnya:

Jawatan berikut akan memperincikan perkembangan permainan, mengintegrasikan aset dari "Makmal Wars Catapult" dan membina mekanik teras permainan. Untuk contoh yang lebih maju, rujuk kepada sampel permainan sentuhan MSDN JavaScript dan HTML5. Tutorial menekankan kesederhanaan; Teknik pembangunan permainan yang lebih komprehensif boleh didapati dalam bacaan selanjutnya yang dicadangkan.

Atas ialah kandungan terperinci Membuat permainan Windows 8 yang mudah dengan JavaScript: Asas Aplikasi Windows 8. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!