Kanvas HTML5 untuk Game dan Hiburan

• Mungkin 5, 2024

Animasi dan game berjalan seiring. Dari banyak cara untuk membuat animasi, kanvas HTML5 adalah salah satu opsi berbiaya rendah, karena tidak ada perangkat lunak yang mahal. Foundation HTML5 Canvas: Untuk Game dan Hiburan oleh Rob Hawkes adalah buku pemula yang bagus bagi mereka yang tertarik untuk belajar membuat game HTML5 Canvas.

Hawkes memulai pengantar HTML5 dengan mendekonstruksi halaman HTML5 dasar. Dia membahas bagaimana CSS3, JavaScript dan perpustakaan JQuery bekerja bersama dengan HTML5. Karena JavaScript adalah bagian penting dari pembuatan game dengan HTML5, penulis menghabiskan banyak waktu untuk membahas dasar-dasar JavaScript termasuk variabel, tipe data, fungsi, persyaratan dan banyak lagi. Setelah itu keluar dari jalan, Hawkes beralih ke dasar-dasar kanvas HTML5, membawanya selangkah demi selangkah dari menggambar bentuk dan menghapus kanvas untuk mengendalikan browser.

Hal-hal mulai menjadi menarik ketika Hawkes memperkenalkan penskalaan, rotasi, dan transformasi lainnya. Selanjutnya, ia beralih ke menambahkan realisme dengan bayangan dan gradien dan mengekspor kanvas sebagai gambar. Setelah Anda belajar cara memuat dan membuat gambar dari awal, ia bergerak ke manipulasi piksel untuk mengubah gambar dan menerapkan efek.

Bergerak dan membuat segalanya bergerak membuat Anda selangkah lebih dekat untuk membangun gim pertama Anda. Hawkes mencakup dasar-dasar seperti mengingat keadaan dan gerakan di sepanjang lingkaran. Anda tidak dapat memiliki permainan tanpa batas dan deteksi tabrakan dan penulis membahas dasar-dasar fisika seperti kecepatan, akselerasi dan gesekan yang digunakan untuk membuat gerakan realistis.

Sekarang Anda siap membuat game pertama yang merupakan Game Space Bowling. Anda belajar cara mengontrol objek stasioner dan non-stasioner bersama dengan cara membangun antarmuka pengguna untuk game Anda. Anda juga belajar tentang mendeteksi input mouse dan mengkodekan skenario menang / kalah pemain. Asteroid Avoidance Game adalah gim Anda berikutnya di mana Hawkes mengajarkan cara mendeteksi input keyboard dan mengontrol audio di dalam gim.

Hawkes mengakhiri buku ini dengan diskusi singkat tentang perbedaan antara kanvas HTML5 dan alternatifnya seperti Flash^R. Dia juga menunjukkan keterbatasan kanvas seperti kinerja CPU dan masa depan kanvas yang mencakup 3D dan berbagai perpustakaan.

Rob Hawkes mempelajari Interactive Media Production di Bournemouth University dan merupakan seorang programmer visual yang berspesialisasi dalam HTML5 dan fitur-fitur baru web lainnya. Anda dapat mengunduh kode sumber dari situs web penerbit.

Pratinjau di Google Buku

Kunjungi Situs Web Penerbit

Kunjungi Situs Web Penulis

* Apress Media memberikan salinan ulasan kepada saya tanpa biaya.

Petunjuk Video: Full Video, Membuat Permainan Urutkan Angka, Javascript Game Tutorial (Mungkin 2024).