Isi kandungan:

Gunting Kertas Batu: 10 Langkah
Gunting Kertas Batu: 10 Langkah

Video: Gunting Kertas Batu: 10 Langkah

Video: Gunting Kertas Batu: 10 Langkah
Video: Satu-satunya Strategi Kemenangan 100% Permainan Batu, Gunting, Kertas 2024, November
Anonim
Batu kertas gunting
Batu kertas gunting

Tujuan: Setelah menyelesaikan ini, anda akan belajar membuat permainan Rock, Paper Gunting sederhana dari awal menggunakan Code.org.

Bahan / Keperluan yang diperlukan: Pemahaman asas sintaks Javascript, komputer, akaun Code.org.

Langkah 1: Buka Ruang Kerja

Buka Ruang Kerja
Buka Ruang Kerja

1. Mulakan dengan membuka code.org, klik buat projek, dan klik makmal aplikasi

Langkah 2: Reka Bentuk Antara Muka Pengguna

Antaramuka Pengguna Reka Bentuk
Antaramuka Pengguna Reka Bentuk

2. Klik tab reka bentuk di sudut kiri atas persekitaran pengekodan, dan seret tiga butang (Batu, Kertas, Gunting). Labelkan mereka dan ubah ID mereka dengan sewajarnya. Juga dalam tab reka bentuk, seret label untuk: Pilihan CPU, Pilihan Pemain, dan penunjuk Menang atau Kalah. ID ini dengan tepat, hasil akhirnya akan seperti gambar di atas.

Langkah 3: Buat Fungsi Klik

Buat Fungsi Klik
Buat Fungsi Klik

Buat fungsi Acara yang berjalan apabila setiap butang diklik. Untuk melakukan ini, klik pada butang yang dikehendaki di tab reka bentuk, kemudian klik masukkan kod di bawah tab peristiwa di ruang kerja reka bentuk.

Langkah 4: Fungsi GetWinner

Fungsi GetWinner
Fungsi GetWinner

Tulis fungsi yang disebut getWinner dengan parameter, "playersChoice".

Langkah 5: Memanggil Fungsi GetWinner

Memanggil Fungsi GetWinner
Memanggil Fungsi GetWinner

Dalam setiap fungsi Klik Event, panggil fungsi getWinner, kirimkan string dengan nama item yang sesuai dengan fungsi tersebut.

Langkah 6: Dapatkan Pilihan CPU

Dapatkan Pilihan CPU
Dapatkan Pilihan CPU

Dalam fungsi getWinner, mulakan pemboleh ubah cpuChoice, dan minta ia menghantar nombor rawak dari 0 hingga 2 ke fungsi randomPick baru. Buat fungsi randomPick dengan parameter int.

Langkah 7: Tulis RandomPick

Tulis RandomPick
Tulis RandomPick

Dalam fungsi randomPick, kembalikan item yang berbeza untuk setiap nombor rawak dari 0 hingga 2. Cth. jika x = 0 kembali "Rock". Tetapkan teks Label ke item "CPU memilih" &&

Langkah 8: Tentukan Pemenang

Tentukan Pemenang
Tentukan Pemenang

Kembali ke fungsi getWinner, bandingkan playerChoice dengan cpuChoice menggunakan pernyataan jika ada untuk menentukan pemenangnya. Memulakan Boolean yang menjadi benar jika Pemain ditentukan pemenangnya, dan tetap palsu. Awas: Periksa sama ada ada tali leher terlebih dahulu.

Langkah 9: Rekodkan Hasil

Pada akhir fungsi getWinner, tetapkan pemboleh ubah global untuk kiraan kemenangan CPU dan kiraan kemenangan Pemain dan sesuaikan setiap pemboleh ubah dengan sewajarnya. Laraskan label yang sesuai pada akhir fungsi getWinner (setelah pemenang ditentukan). Tukar label utama menjadi "Anda Menang", atau "Anda Kalah" di sini juga

Langkah 10: Selesaikan

Pada ketika ini, program anda harus selesai, klik jalankan dan mainkan permainan untuk memastikan ia berfungsi dengan baik.

Disyorkan: