Modul Proyek 3: Animasi Jantung Berdetak (Loops)

Modul Proyek 3: Animasi Jantung Berdetak (Loops)

Tujuan Pembelajaran:

1. Memahami konsep perulangan untuk mengeksekusi sekumpulan instruksi berkali-kali.

2. Menggunakan blok repeat untuk membuat animasi sederhana.

3. Membaca dan memahami struktur perulangan for dalam sintaks Python.

Bagian 1: Menyusun Logika di Mode Blocks

1. Buat proyek baru di MakeCode dan beri nama "Animasi Jantung". Hapus blok on start dan forever.

2. Membuat Pemicu:

   • Buka menu Input dan tarik blok on button A pressed ke area kerja. Animasi akan berjalan saat tombol A ditekan.

3. Membuat Perulangan:

   • Buka menu Loops (berwarna hijau).

   • Tarik blok repeat 4 times - do dan letakkan di dalam blok on button A pressed. Blok ini akan mengulang instruksi di dalamnya sebanyak 4 kali.

4. Menyusun Frame Animasi (Output):

   • Buka menu Basic. Tarik blok show icon dan letakkan di dalam blok repeat. Pilih ikon Heart (Jantung besar).

   • Kembali ke menu Basic, tarik blok show icon kedua dan letakkan di bawah ikon jantung besar (masih di dalam bingkai repeat). Ubah ikonnya menjadi Small Heart (Jantung kecil).

5. Membersihkan Layar:

   • Terkadang kita ingin layar bersih setelah animasi selesai. Buka menu Basic, klik ...more (di bawah menu Basic), lalu tarik blok clear screen.

   • Letakkan blok clear screen ini di bawah/di luar bingkai repeat, tetapi masih di dalam on button A pressed.

Uji coba program di simulator. Klik tombol "A" pada gambar micro:bit. Anda akan melihat animasi jantung berdetak sebanyak 4 kali, lalu layar akan mati.

Analisis Kode Python untuk Pembelajaran:

• for index in range(4): -> Ini adalah struktur perulangan For Loop di Python. range(4) memberi tahu program untuk menghitung dari 0 sampai 3 (total 4 kali). Variabel index (yang dibuat secara otomatis) akan menyimpan angka hitungan tersebut pada setiap putaran, meskipun dalam kasus ini kita tidak menggunakan angka tersebut secara langsung.

• IconNames.HEART -> Di MakeCode Python, ikon-ikon bawaan disimpan dalam sebuah library khusus. Alih-alih menggambar manual dengan karakter # dan . seperti di modul sebelumnya, kita cukup memanggil nama ikonnya dari daftar yang sudah ada.

• Indentasi Berjenjang: Perhatikan jarak spasi di awal baris kode.

  • Baris for index... menjorok ke dalam (di bawah def) menandakan ia milik fungsi tombol A.

  • Baris basic.show_icon... menjorok lebih dalam lagi (di bawah for) menandakan instruksi ini adalah bagian dari loop yang akan diulang 4 kali.

  • Baris basic.clear_screen() kembali sejajar dengan for. Ini membuktikan bahwa perintah bersihkan layar hanya dieksekusi satu kali setelah perulangan for selesai bekerja. Jika clear_screen tidak sengaja masuk (indentasi sejajar dengan show_icon), maka layar akan berkedip mati setiap kali jantung berdetak.