PENDEKAR ADAB ARJ • KELAS 6

🎬 Membuat Animasi Interaktif dengan Scratch

Belajar membuat animasi yang tidak hanya bergerak, tetapi juga dapat merespons tindakan pengguna melalui pemrograman visual.

📚 Materi KKA 💻 Praktik Coding 🎯 Proyek Kreatif ⏱️ 2 JP

🎯 Tujuan Pembelajaran

Setelah mempelajari materi ini, peserta didik diharapkan mampu:

• Menjelaskan pengertian animasi interaktif.
• Mengenali fitur dan blok Scratch untuk membuat animasi.
• Menggunakan event, gerakan, tampilan, dan sensor sederhana.
• Membuat animasi yang dapat merespons tindakan pengguna.
• Menunjukkan sikap kreatif, teliti, dan bertanggung jawab dalam berkarya digital.

Pertanyaan Pemantik:
Pernahkah kamu memainkan game sederhana ketika karakter bergerak saat tombol keyboard ditekan? Bagaimana komputer mengetahui bahwa karakter harus bergerak?

📘 ILMU — Mengenal Animasi Interaktif

1. Apa Itu Animasi Interaktif?

Animasi adalah rangkaian gambar atau gerakan yang ditampilkan secara berurutan sehingga terlihat hidup. Sementara itu, animasi interaktif adalah animasi yang dapat memberikan respons terhadap tindakan pengguna.

Contohnya, karakter kucing bergerak ketika tombol panah ditekan, mengeluarkan suara ketika diklik, atau berubah ekspresi ketika menyentuh objek tertentu.

🎞️

Animasi Biasa

Gerakan berjalan sesuai urutan program tanpa harus menunggu tindakan pengguna.

🕹️

Animasi Interaktif

Gerakan atau respons dapat berubah berdasarkan tindakan pengguna.

2. Mengenal Komponen Animasi Interaktif

Dalam Scratch, beberapa komponen berikut dapat digunakan untuk membuat animasi interaktif:

🐱

Sprite

Objek atau karakter yang dapat diprogram untuk bergerak dan berinteraksi.

🏞️

Backdrop

Latar belakang yang menjadi tempat berlangsungnya animasi.

🧩

Script

Kumpulan blok perintah yang disusun untuk mengatur perilaku sprite.

⌨️

Input Pengguna

Tindakan pengguna, seperti menekan tombol keyboard atau mengeklik sprite.

3. Mengenal Blok Scratch yang Digunakan

Berikut beberapa kategori blok yang sering digunakan untuk membuat animasi interaktif:

Events Mengawali program ketika suatu kejadian berlangsung.

Motion Mengatur gerakan dan posisi sprite.

Looks Mengubah kostum, ukuran, dan tampilan sprite.

Control Mengatur pengulangan dan alur program.

Sensing Mendeteksi tindakan pengguna atau kondisi tertentu.

Operators Membantu melakukan perhitungan dan membandingkan kondisi.

4. Bagaimana Animasi Interaktif Bekerja?

Animasi interaktif bekerja melalui hubungan antara tindakan pengguna dan perintah yang telah dibuat dalam program.

Contoh alur:

1. Pengguna menekan tombol panah kanan.
2. Scratch mendeteksi tombol yang ditekan.
3. Program menjalankan perintah gerakan.
4. Sprite bergerak ke arah kanan.

Dengan demikian, animasi tidak hanya berjalan sendiri, tetapi juga dapat merespons tindakan pengguna.

🛠️ AMAL — Praktik Membuat Animasi Interaktif

Proyek: Karakter Bergerak dengan Keyboard

Sekarang kita akan membuat animasi sederhana. Karakter akan bergerak ke kanan dan kiri ketika pengguna menekan tombol panah pada keyboard.

Langkah 1 — Membuka Scratch

Buka Scratch melalui tautan berikut:

🚀 Buka Scratch Editor

Langkah 2 — Menyiapkan Sprite

Pilih satu sprite karakter, misalnya Cat (kucing). Kamu juga dapat memilih karakter lain sesuai kreativitasmu.

Langkah 3 — Membuat Program Gerakan

Susun blok berikut untuk menggerakkan karakter ke kanan:

Ketika tombol panah kanan ditekan Ubah x sebesar 10

Untuk menggerakkan karakter ke kiri, gunakan:

Ketika tombol panah kiri ditekan Ubah x sebesar -10

Dalam Scratch, gunakan blok:

when right arrow key pressed

change x by 10

dan:

when left arrow key pressed

change x by -10

Langkah 4 — Membuat Animasi Kostum

Agar karakter terlihat berjalan, tambahkan pergantian kostum ketika tombol panah ditekan. Kamu dapat menggunakan blok Next Costume.

Ketika tombol panah kanan ditekan Ubah x sebesar 10 Kostum berikutnya

Jika sprite memiliki beberapa kostum, pergantian kostum akan membuat gerakan terlihat lebih hidup.

Langkah 5 — Menambahkan Interaksi Klik

Buat karakter memberikan pesan ketika diklik menggunakan susunan blok berikut:

Ketika sprite ini diklik Katakan "Halo! Ayo belajar coding!" selama 2 detik

Dengan begitu, karakter dapat merespons dua jenis tindakan: tombol keyboard dan klik mouse.

Langkah 6 — Menguji Animasi

Jalankan program dan lakukan pengujian berikut:

• Tekan tombol panah kanan. Apakah karakter bergerak ke kanan?
• Tekan tombol panah kiri. Apakah karakter bergerak ke kiri?
• Klik karakter. Apakah karakter menampilkan pesan?
• Apakah pergantian kostum membuat karakter terlihat bergerak?

💡 Tips Coding: Jika karakter bergerak terlalu cepat atau terlalu jauh, ubah nilai gerak dari 10 menjadi 5. Cobalah beberapa nilai sampai mendapatkan gerakan yang sesuai.

🌟 Tantangan Kreatif

Setelah berhasil membuat animasi dasar, kembangkan proyekmu dengan menambahkan fitur berikut:

🎵 Efek Suara

Tambahkan suara ketika karakter diklik atau bergerak.

🎨 Ganti Latar

Ubah backdrop ketika pengguna menekan tombol tertentu.

😊 Ekspresi Karakter

Ubah kostum ketika karakter menerima interaksi.

🧭 Gerakan Tambahan

Tambahkan gerakan ke atas dan ke bawah menggunakan tombol panah.

Misi Pendekar Adab:
Buatlah animasi interaktif dengan karakter pilihanmu. Berikan nama, latar, gerakan, dan minimal satu respons terhadap tindakan pengguna. Tunjukkan hasil karyamu kepada teman dan guru.

📖 DALIL — Belajar dan Mengembangkan Kreativitas

QS. Al-'Alaq ayat 1

اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ ۝١

Artinya: “Bacalah dengan (menyebut) nama Tuhanmu yang menciptakan.”

Pesan Pembelajaran: Ayat ini mengajarkan pentingnya membaca dan belajar. Saat membuat animasi dengan Scratch, kita belajar memahami instruksi, mencoba hal baru, dan mengembangkan pengetahuan serta kreativitas. Semua kegiatan belajar hendaknya dilakukan dengan niat yang baik dan digunakan untuk hal yang bermanfaat.

🤝 ADAB — Etika dalam Berkarya Digital

Seorang Pendekar Adab tidak hanya pandai membuat program, tetapi juga menjaga perilaku ketika berkarya di dunia digital.

• Kreatif: Mengembangkan ide sendiri dan menghasilkan karya yang bermanfaat.
• Jujur: Tidak mengakui karya orang lain sebagai karya pribadi.
• Teliti: Memeriksa program sebelum membagikan hasilnya.
• Menghargai: Menghormati karya dan pendapat teman.
• Bertanggung jawab: Membuat animasi yang sopan, aman, dan tidak merugikan orang lain.

💭 REFLEKSI — Apa yang Kamu Pelajari?

Renungkan beberapa pertanyaan berikut setelah menyelesaikan praktik:

1. Apa perbedaan animasi biasa dan animasi interaktif?
2. Bagaimana Scratch mengetahui tombol keyboard yang ditekan?
3. Blok apa yang digunakan untuk menggerakkan sprite?
4. Fitur interaktif apa yang berhasil kamu buat?
5. Bagaimana cara menunjukkan adab ketika membuat dan membagikan karya digital?

📝 Evaluasi — Uji Pemahamanmu!

Jawablah 10 soal berikut untuk menguji pemahamanmu tentang animasi interaktif dengan Scratch.

Soal 1 dari 10 Skor: 0

🏆

Evaluasi Selesai!

Alhamdulillah, kamu telah menyelesaikan seluruh soal.

0

Keterangan: Setiap jawaban benar mendapatkan 10 poin. Nilai maksimal adalah 100. Nilai dihitung selama sesi evaluasi ini dan tidak disimpan ke database atau dashboard guru.

📌 Rangkuman Materi

• Animasi interaktif dapat merespons tindakan pengguna.
• Sprite merupakan karakter atau objek yang dapat diprogram.
• Events digunakan untuk memulai program berdasarkan suatu kejadian.
• Motion mengatur gerakan sprite, sedangkan Looks mengatur tampilannya.
• Sensing dapat mendeteksi tindakan pengguna atau kondisi tertentu.
• Scratch memungkinkan kita membuat animasi kreatif melalui susunan blok pemrograman.

JADILAH PENDEKAR CODING!

Terus belajar, terus mencoba, terus berkarya, dan jangan lupa menjaga adab.

Cerdas Digital • Kreatif Berkarya • Mulia dalam Adab