Daftar Isi:
Video: JeuTropFacile - WayTooEasyGame: 3 Langkah
2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:55
Ini adalah game yang seluruhnya dibuat pada HTML dan JavaScript dengan library P5js. Ada 2 file bernama index.html dan sketch.js. Saya sangat pemula dalam kode jadi saya minta maaf jika tidak jelas.
Anda dapat memainkan game dengan tautan ini
Anda mengontrol bola putih dengan tombol panah dan Anda harus menghindari bola merah (saat ini, hanya ada satu).
Saya membuat 2 variabel: posX = 200 dan posY = 200
Di sketch.js, saya membuat canva di function setup dengan 640x x 480y dengan background abu-abu di function draw, lalu saya buat lingkaran putih dengan posisi di posX, posY, 75, 75.
Langkah 1: Memindahkan Lingkaran
Seperti yang saya katakan sebelumnya, Anda dapat menggunakan tombol panah untuk memindahkan lingkaran.
Untuk melakukan itu saya membuat fungsi updatePositionEllipse().
Saya menggunakan kondisi ini untuk membuatnya berfungsi: if (keyIsDown(DOWN_ARROW)) {
posY += 5;
}
Saat tombol bawah ditekan, lingkaran bergerak ke bawah.
Saya menggunakannya pada setiap tombol lain sehingga Anda dapat bergerak ke kiri, kanan, atas dan bawah.
Langkah 2: Membuat Batas Batas
Untuk membuat bola putih berhenti di akhir canva saya menggunakan fungsi testOutOfScreen.
Di dalamnya, saya menggunakan kondisi if (posX > 600) {
posX = 600; strokeBerat (6); stroke('biru'); baris (637, 0, 637, 480); }
jika posisi x lebih unggul dari 600: ia menghalangi bola dan menarik garis biru dengan batas 6 ditempatkan di sisi kanan kanvas.
Saya melakukan ini untuk setiap perbatasan.
Direkomendasikan:
Sistem Peringatan Parkir Terbalik Mobil Arduino - Langkah demi Langkah: 4 Langkah
Sistem Peringatan Parkir Mundur Mobil Arduino | Langkah demi Langkah: Pada proyek kali ini, saya akan merancang Rangkaian Sensor Parkir Mundur Mobil Arduino sederhana menggunakan Sensor Ultrasonik Arduino UNO dan HC-SR04. Sistem peringatan mundur mobil berbasis Arduino ini dapat digunakan untuk Navigasi Otonom, Jarak Robot, dan r
Langkah demi Langkah Membangun PC: 9 Langkah
Langkah demi Langkah Membangun PC: Perlengkapan: Perangkat Keras: MotherboardCPU & Pendingin CPUPSU (Unit catu daya)Penyimpanan (HDD/SSD)RAMGPU (tidak diperlukan)Kasing Alat: Obeng Gelang ESD/pasta matstermal dengan aplikator
Tiga Sirkuit Loudspeaker -- Tutorial Langkah-demi-Langkah: 3 Langkah
Tiga Sirkuit Loudspeaker || Tutorial Langkah-demi-Langkah: Sirkuit Loudspeaker memperkuat sinyal audio yang diterima dari lingkungan ke MIC dan mengirimkannya ke Speaker dari mana audio yang diperkuat diproduksi. Di sini, saya akan menunjukkan kepada Anda tiga cara berbeda untuk membuat Sirkuit Loudspeaker ini menggunakan:
Pendidikan Langkah demi Langkah dalam Robotika Dengan Kit: 6 Langkah
Pendidikan Selangkah demi Selangkah dalam Robotika Dengan Kit: Setelah beberapa bulan membuat robot saya sendiri (silakan lihat semua ini), dan setelah dua kali mengalami bagian yang gagal, saya memutuskan untuk mengambil langkah mundur dan memikirkan kembali strategi dan arahan. Pengalaman beberapa bulan terkadang sangat bermanfaat, dan
Levitasi Akustik Dengan Arduino Uno Langkah-demi-Langkah (8-langkah): 8 Langkah
Akustik Levitation Dengan Arduino Uno Langkah-demi-Langkah (8-langkah): transduser suara ultrasonik L298N Dc female adapter power supply dengan pin dc laki-laki Arduino UNOBreadboardCara kerjanya: Pertama, Anda mengunggah kode ke Arduino Uno (ini adalah mikrokontroler yang dilengkapi dengan digital dan port analog untuk mengonversi kode (C++)