Proyek Pengodean Hari Valentine: Penghasil Pesan Hati

Pesan hati permen adalah salah satu bagian termanis di Hari Valentine. Bukankah lebih bagus jika anak Anda dapat membuat generator pesan virtual untuk mengirim pesan ke teman-temannya secara online? Dalam tutorial proyek coding Scratch Hari Valentine yang menyenangkan ini, saya akan menunjukkan cara melakukan hal itu dengan membuat Candy Heart Message Generator.

Jika Anda ingin mengikuti proyek versi saya, Anda dapat menemukannya di sini. Ayo mulai coding!

Untuk mendapatkan panduan langsung dari para ahli dalam membuat semua jenis game keren di Scratch, daftarkan anak Anda di kelas coding game online menyenangkan yang dirancang oleh para ahli dari Google, Stanford, dan MIT. Mulailah dengan coding Scratch yang ramah bagi pemula.

Proyek pengkodean Hari Valentine yang menyenangkan dengan pengkodean awal

Membuat generator pesan hati manis di Scratch adalah aktivitas pengkodean bertema Valentine yang hebat. Ikuti terus untuk mempelajari cara membuat generator pesan hati permen di Scratch!

1. Buat proyek baru dan tambahkan latar belakang

Langkah pertama tentu saja adalah membuat proyek baru. Arahkan ke Scratch dan klik “Buat” untuk membuat proyek baru. Hapus sprite kucing yang akan dimuat secara default, lalu pilih latar belakang yang sesuai dengan mengklik tombol “Pilih Latar Belakang” di pojok kanan bawah (ditunjukkan dengan warna hijau pada gambar di atas). Kami memilih “Bunga”, tetapi pilihan latar belakang ada di tangan Anda!

2. Tambahkan Sprite Hati Permen

Karena Scratch tidak dilengkapi dengan sprite kotak Candy Hearts, kita dapat mengunggahnya dari komputer kita sendiri. Unduh gambar sprite di sini! Kemudian di Scratch, arahkan kursor ke tombol “Pilih sprite” dan klik “Unggah sprite”. Temukan gambar Candy Heart di komputer Anda dan unggah ke Scratch. Kemudian pindahkan ke tengah layar dan perbarui bidang “ukuran” untuk menjadikannya ukuran yang sesuai – kami memilih 70.

3. Buat variabel “Jumlah Klik”.

Kita akan membuat kotak hati permen kita memberikan pesan setelah diklik empat kali. Untuk mengontrol ini, kita perlu membuat variabel baru bernama “clickCount”. Klik pada tab oranye “variabel” dan klik “Buat variabel”. Beri nama “clickCount” dan tekan “OK.”

4. Beri kode pada Kotak Hati Permen

Dengan variabel yang ada, kita siap memberi kode pada sprite Candy Heart Box. Baca di bawah untuk mengetahui fungsi setiap blok kode; lalu tambahkan ke program Anda sendiri.

• Saat sprite ini diklik: Kode di bawah ini akan dijalankan setiap kali kotak permen diklik
• Memutar suara (high hat) sampai selesai: Blok ini membuat suara “high hat” terdengar saat kotak diklik. Kami memilih suara ini karena menurut kami cocok, namun Anda dapat memilih suara apa pun yang Anda suka dari perpustakaan suara Scratch. Perhatikan bahwa, untuk mengimpor suara ke proyek Anda, Anda harus mengklik tab “suara” di bagian atas dan mengklik tanda “+” berwarna biru. Setelah Anda mengklik suaranya, kembali ke tab “kode” untuk menggunakannya dalam proyek Anda.
• Ubah (clickCount) sebanyak 1: Kita perlu melacak berapa kali sprite telah diklik, jadi ini akan menambah variabel clickCount sebanyak 1 setiap kali kotak diklik.
• Jika ([direction] < [90]) lalu… yang lain: Kami ingin kotak kami bergoyang maju mundur setiap kali diklik. Blok if/else ini memeriksa apakah sudut saat ini kurang dari 90. Jika demikian, kotak akan berputar 15 derajat searah jarum jam; jika tidak, kotak akan berputar 15 derajat berlawanan arah jarum jam. Intinya, ini membuat kotak berputar maju mundur setiap kali diklik.
• Jika ([clickcount] > 3) lalu: Blok ini memeriksa apakah variabel clickCount kita lebih besar dari 3. Jika ya, ia akan mengeksekusi baris di bawah ini.
• Siaran (permen drop): Blok ini menyiarkan pesan bernama “dropcandy” yang dapat diterima oleh blok lain. Ini akan berguna pada langkah selanjutnya.

5. Tambahkan dan edit Sprite Pesan

Kami akan menggunakan sprite kedua untuk menampilkan pesan dalam program kami. Klik tombol “Pilih Sprite”, cari “permen hati” dan klik sprite untuk memuatnya ke dalam program Anda. Sprite sudah dimuat sebelumnya dengan empat pesan; Anda dapat menyesuaikan pesan-pesan ini dan menambahkan kostum tambahan menggunakan tab “kostum” di bagian atas halaman.

6. Kodekan Sprite Pesan

Setelah Anda menambahkan dan menyesuaikan sprite pesan Anda, sekarang saatnya membuat kode! Kami akan menambahkan dua blok kode berbeda ke program kami. Baca dibawah ini untuk lebih memahami kode pada gambar di atas. Kemudian, jika Anda sudah siap, tambahkan blok tersebut ke program Anda.

• Saat bendera hijau diklik: Kode di bawah ini akan berjalan ketika bendera hijau diklik
• Bersembunyi: Kami tidak ingin pesan kami ditampilkan di awal program. Blok ini akan menyembunyikan pesan ketika bendera hijau diklik, dan kita dapat mengkodekannya agar muncul nanti ketika kita sudah siap.
• Ketika saya menerima (dropcandy): Sebelumnya, kami mengkodekan Kotak Permen Hati kami untuk mengeluarkan “dropcandy” ketika diklik empat kali. Kode di bawah ini akan dijalankan pada sprite pesan kita ketika pesan “dropcandy” ini diterima.
• Periksa nanti (sebelum): Kami ingin pesannya berada di depan Kotak Permen Hati, yang dapat dijangkau dengan blok kode ini.
• Ganti kostum menjadi (pilih secara acak [1] pada [4]): Kami ingin pesan acak ditampilkan. Karena setiap kostum sprite kita memiliki pesan yang berbeda, kita dapat mencapainya dengan mengganti kostum tersebut ke nomor acak antara 1 dan jumlah total kostum yang dimiliki sprite pesan kita. Dalam kasus kami jumlah kostumnya adalah 4, tetapi bisa lebih atau kurang tergantung bagaimana Anda menyesuaikan sprite.
• Menunjukkan: Jika Anda ingat, kami sebelumnya menginstruksikan blok ini untuk “bersembunyi” di awal program. Pada titik ini kami siap untuk melihatnya, jadi kami menggunakan blok “tampilkan” ini.
• Ulangi (10): Kode di dalam blok berulang ini akan dijalankan 10 kali.
• Ubah ukuran dengan (10): Ini membuat pesan kami bertambah 10. Karena hal ini diulangi sebanyak 10 kali, hal ini mempunyai efek membuat pesan tampak berkembang dalam program.

7. Buat tombol Pulihkan

Kemungkinannya adalah pengguna ingin menggunakan program kami lebih dari sekali. Mari kita kodekan tombol yang akan memulihkan program kita! Klik pertama pada “pilih sprite” dan “cat”. Desain tombol reset; Sebaiknya gunakan oval berisi kata “cuaca”? di dalam. Terakhir, perkecil ukuran tombol dan letakkan di lokasi yang nyaman di proyek Anda – pojok kiri bawah berfungsi dengan baik!

8. Kode tombol Reset

Setelah tombol reset dibuat, Anda siap mengkodekannya. Mari kita lihat apa yang dilakukan ketiga blok kode ini, dan kemudian Anda dapat menambahkannya ke program Anda.

• Saat bendera hijau diklik: Kode di bawah ini akan berjalan ketika bendera hijau diklik
• Bersembunyi: Kami tidak memerlukan tombol reset ini untuk ditampilkan hingga pesan pertama muncul, jadi kami akan menyembunyikannya di awal program ketika bendera hijau diklik.
• Ketika saya menerima (dropcandy): Pengguna akan memerlukan akses ke tombol reset setiap kali pesan muncul. Pesan dipicu ketika pesan dropcandy disiarkan, jadi kita dapat menggunakan blok ini untuk mengeksekusi kode di bawahnya setiap kali pesan dropcandy ini diterima.
• Menunjukkan: Blok ini membuat tombol reset muncul.
• Saat sprite ini diklik: Kode di bawah ini akan berjalan jika seseorang mengklik tombol reset
• Setel (clickCount) ke 0: Karena kita menyetel ulang program, kita perlu menyetel ulang variabel clickCount
• Siaran (reset): Ini akan mengirimkan pesan “reset” yang akan kita gunakan pada langkah berikutnya
• Bersembunyi: Tombol tersebut telah memenuhi tujuannya, dan sekarang dapat disembunyikan hingga diperlukan lagi.

9. Reset Sprite Pesan

Klik pada sprite “Heart Candy” – sekarang kita telah mengimplementasikan fungsi “reset”, kita dapat menggabungkannya di sini. Baca deskripsi kode baru di bawah ini lalu tambahkan ke program Anda.

• Ketika saya menerima (reset): Kode di bawah ini akan dijalankan ketika pesan “reset” diterima dari tombol reset kami.
• Atur ukuran menjadi (100%): Sebelumnya, kami meningkatkan ukuran pesan sebanyak 10, 10 kali lipat. Jika kita ingin menjalankan kembali program tersebut, kita perlu mengatur ulang ukuran pesan menjadi normal.
• Bersembunyi: Jika kita ingin menjalankan program kita lagi, kita perlu menyembunyikan sprite pesan tersebut hingga kotak tersebut diklik 4 kali lagi.

10. Izinkan Pemulihan dari Bendera Hijau

Klik pada sprite “permen hati”. Selain memungkinkan pengguna untuk mereset program dengan tombol “lagi?” tombol, sebaiknya minta mereka memulihkan program ketika bendera hijau diklik. Kita bisa melakukannya dengan kode di atas.

• Saat bendera hijau diklik: Kode di bawah ini akan dijalankan setiap kali bendera hijau diklik.
• Setel (clickCount) ke 0: Ini akan mengatur ulang variabel clickCount kami ke 0.
• Siaran (reset): Ini akan menyiarkan pesan reset kami, yang akan diterima oleh sprite “Heart Candy”.

Nikmati proyek pengkodean Hari Valentine Anda

Jika Anda dan anak Anda sudah mengikuti sejauh ini, selamat! Anda telah berhasil membuat pembuat pesan di Scratch, tepat pada saat Hari Valentine. Jika Anda bersenang-senang dengan proyek ini dan siap untuk tutorial Scratch lainnya, lihat Cara Membuat Hewan Peliharaan Virtual di Scratch. Jika anak Anda ingin mempelajari lebih lanjut tentang membangun dengan Scratch, daftarkan mereka untuk mengikuti kelas Scratch gratis. Mereka bahkan bisa mendapatkan sertifikat! Terima kasih telah membaca, dan selamat coding!

Ditulis oleh Matt Schofield, seorang pendidik dan pembuat kode yang rajin. Setelah belajar bahasa Spanyol di Universitas Pennsylvania, Matt mulai mengajar bahasa Inggris sebagai bahasa kedua kepada siswa sekolah dasar di Baltimore. Selain pekerjaan penuh waktunya sebagai pengajar, Matt senang mengajar ilmu komputer di malam hari dan akhir pekan bersama Create & Learn.