Rumah Keuangan Pribadi Cara menambahkan kontrol kemiringan ke perangkat HTML5 Game - dummies

Cara menambahkan kontrol kemiringan ke perangkat HTML5 Game - dummies

Video: Web Programming - Computer Science for Business Leaders 2016 2024

Video: Web Programming - Computer Science for Business Leaders 2016 2024
Anonim

Perangkat mobile memiliki mekanisme masukan yang sangat menarik yang memungkinkan Anda mengendalikan objek dalam permainan HTML5 dengan memiringkan. Ini bekerja dengan alat on-board khusus yang disebut accelerometer , yang melacak gerak. Accelerometer sebenarnya mengukur rotasi, dan Anda dapat menggunakannya untuk mendapatkan kontrol kemiringan yang bagus dalam permainan Anda.

Perpustakaan simpleGame memiliki objek khusus yang disebut Accel yang merangkum accelerometer. Ini bekerja sangat mirip dengan objek Joy.

  1. Buat objek Accel.

    SimpleGame memiliki objek Accel. Buat objek ini untuk mengaktifkan pengujian accelerometer.

  2. Gunakan metode untuk menentukan kemiringan.

    Objek Accel memiliki metode khusus yang disebut getAX () dan getay () yang menunjukkan jumlah rotasi.

  3. Ubah nilai akselerasi.

    Nilai AX dan AY menampilkan jumlah rotasi di sekitar sumbu X dan Y. Nilai berkisar dari -9 sampai 9. Umumnya, Anda harus memodifikasi nilai kemiringan agar sesuai dengan perilaku yang Anda inginkan. Ini biasanya melibatkan beberapa perhitungan matematika sederhana.

Inilah kode untuk accel. html:

accel permainan var html; bola var; var accel fungsi init () {game = adegan baru (); bola = sprite baru (permainan, "redBall. png", 50, 50); accel = Accel baru (); permainan start ();} // akhirin fungsi init update () {game. bersih(); newDX = accel. getay (); newDY = accel. getAX (); newDX * = -5; newDY * = -5; bola setDX (newDX); bola setDY (newDY); bola update ();}

Accelerometer mudah digunakan:

  1. Buat variabel untuk menahan objek accelerometer.

    Anda dapat menghubungi accel variabel Anda.

  2. Gunakan accel. getAX () untuk mendapatkan rotasi sekitar X.

    Metode getAX () mengembalikan persentase kemiringan di sekitar sumbu X. Sumbu X bergerak dari sisi ke sisi pada layar, jadi putaran di sekitar X biasanya terikat pada gerak sepanjang sumbu Y!

  3. Gunakan acccel. getere () untuk menentukan putaran di sekitar Y.

    Demikian juga, metode getay () menggambarkan persentase kemiringan sepanjang sumbu Y (vertikal). Biasanya, Anda akan menggunakan getay () untuk mengendalikan gerakan horisontal.

  4. Jangan khawatir tentang sumbu Z.

    Anda juga bisa membaca rotasi sepanjang sumbu Z (yang masuk dari bagian tengah layar ke hidung Anda), namun ini umumnya tidak membantu.

  5. Asumsikan (untuk sekarang) bahwa posisi netral terbaring rata di atas meja.

    Anda akan mendapatkan nilai nol untuk getAX () dan getAY () saat perangkat benar-benar tergeletak di atas meja datar yang sempurna.

  6. Percobaan dengan faktor penskalaan.

    Biasanya Anda harus mengalikan hasil getAX () dan getAY () dengan jumlah tertentu untuk mendapatkan perilaku yang Anda inginkan. Jika Anda mengalikan keduanya dengan lima negatif, Anda akan mendapatkan nilai yang sesuai untuk dy dan dx. Anda harus bereksperimen untuk mendapatkan perilaku yang sebenarnya Anda inginkan.

Cara menambahkan kontrol kemiringan ke perangkat HTML5 Game - dummies

Pilihan Editor

Bagaimana Memeriksa Kinerja Sistem dengan AWS - dummies

Bagaimana Memeriksa Kinerja Sistem dengan AWS - dummies

AWS (Amazon Web Services) memberi Anda sejumlah metode untuk memantau layanan AWS-spesifik. Namun, Anda mungkin memiliki masalah kinerja sistem yang mendasarinya atau masalah aplikasi non-AWS yang harus dihadapi, yang berarti memiliki alat yang dapat bekerja di luar AWS. Paket grup Alat Kinerja berisi sejumlah alat khusus Linux untuk menyelesaikan tugas ini ...

Bagaimana Memilih Layanan AWS yang Anda Butuhkan - kenangan sehari-hari

Bagaimana Memilih Layanan AWS yang Anda Butuhkan - kenangan sehari-hari

Ingat bahwa Anda hanya memiliki 12 bulan kebebasan Anda percobaan untuk membuat keputusan tentang layanan AWS (Amazon Web Services) yang akan digunakan dalam bisnis Anda. Dua belas bulan mungkin tampak seperti banyak waktu, tapi Anda akan mendapati bahwa itu menguap di depan mata Anda saat Anda mencoba menyulap tanggung jawab, pertemuan, dan pertemuan sehari-hari Anda ...

Amazon Web Services For Dummies Cheat Sheet - dummies

Amazon Web Services For Dummies Cheat Sheet - dummies

Amazon Web Services (AWS) adalah penyedia layanan cloud yang menawarkan akses mudah ke berbagai sumber daya komputasi yang berguna, semuanya ditawarkan secara on-demand, dengan biaya yang efektif. Jika Anda seorang praktisi IT yang siap untuk merangkul Amazon Web Services, matikan kebiasaan desain aplikasi lama Anda dan terapkan pendekatan baru yang memanfaatkan karakteristik AWS dan ...

Pilihan Editor

GED Contoh Pertanyaan: Pertanyaan Ilmu Fisik - dummies

GED Contoh Pertanyaan: Pertanyaan Ilmu Fisik - dummies

Ketika Anda mencapai bagian Sains GED, Anda akan diharapkan memiliki pengetahuan umum di semua cabang Ilmu Pengetahuan, termasuk Ilmu Fisika. Berikut adalah contoh jenis pertanyaan yang mungkin Anda hadapi pada hari ujian. Kecepatan dan Kecepatan Ada perbedaan antara kecepatan dan kecepatan, meskipun terkadang Anda ...

Latihan GED RLA: Reading Comprehension - dummies

Latihan GED RLA: Reading Comprehension - dummies

Cara terbaik untuk mempersiapkan bagian pemahaman bacaan GED Tes RLA adalah melakukan sebanyak mungkin pertanyaan latihan. Simak sampel untuk melihat apa yang akan Anda hadapi pada hari ujian. Contoh Pertanyaan Pertanyaan 1-6 mengacu pada bagian berikut. Fasilitas untuk Akses ke Perusahaan Kreatif (FACE) Awalnya didirikan ...

GED Penalaran melalui Latihan Keterampilan Membaca Bahasa Seni - dummies

GED Penalaran melalui Latihan Keterampilan Membaca Bahasa Seni - dummies

Komponen bacaan Penalaran meskipun Bahasa Seni Bagian pada GED terdiri dari kutipan dari fiksi dan nonfiksi. Setiap kutipan diikuti oleh beberapa item pilihan berdasarkan bahan bacaan. Untuk pertanyaan di bagian ini, pilih satu jawaban terbaik untuk setiap pertanyaan. Bekerja dengan hati-hati, tapi jangan terlalu banyak menghabiskan waktu ...

Pilihan Editor

Bagaimana NaturallySpeaking Dapat Belajar dari Email Terkirim - dummies

Bagaimana NaturallySpeaking Dapat Belajar dari Email Terkirim - dummies

Menganalisis e-mail adalah salah satu cara untuk asisten NaturallySpeaking Anda untuk membangun kosa kata Anda. Proses ini membantu dalam dua cara. Ini belajar dari gaya e-mail Anda dan secara otomatis dapat menambahkan alamat e-mail yang Anda gunakan saat ini. Ia bekerja dengan Microsoft Outlook, Outlook. com, Lotus Notes, Gmail, Yahoo! , dan Windows Live Mail. Dari Pusat Akurasi, ...

Bagaimana NaturallySpeaking Berjalan di Latar Belakang - dummies

Bagaimana NaturallySpeaking Berjalan di Latar Belakang - dummies

Secara alamiSpeaking menggunakan beberapa jendela sekaligus. Biasanya, Anda meluncurkan aplikasi, Anda mendapatkan jendela aplikasi, dan Anda bekerja di jendela itu. Akhir dari cerita. Tidak demikian halnya dengan NaturallySpeaking, dan untuk alasan yang bagus: Anda ingin bisa menggunakan input suara di banyak tempat yang berbeda, tidak hanya di satu jendela saja. Inti ...

Bagaimana menambahkan perintah teks otomatis ke nuansa profesional - dummies

Bagaimana menambahkan perintah teks otomatis ke nuansa profesional - dummies

Menambahkan Fitur baru yang hebat yang akan membuat Anda semakin produktif saat menggunakan perintah Dragon Professional Individual Anda. Ini adalah kemampuan untuk menggunakan variabel dalam perintah auto-text Anda. Jadi bagaimana anda bisa menggunakannya? Setelah Anda membuat perintah baru dan menentukan isinya sehingga Anda tidak perlu mengetik ulang ...