DC
Kelas Digital Creative
Robotika · IoT · Scratch · Canva · CapCut · AI
← kembali ke Home

Memahami Motion (Gerakan) di Scratch – Bagian 1

⏱ 20 Menit Scratch August 2026 🔧 Scratch Website

Memahami Motion (Gerakan) di Scratch — Bagian 1

Kategori Motion adalah salah satu kategori blok paling penting di Scratch, karena digunakan untuk menggerakkan dan memutar sprite. Tutorial ini akan membahas berbagai blok Motion secara satu per satu, mulai dari pergerakan sederhana hingga membuat sprite mengikuti kursor mouse.

Langkah 1: Membuat Project Baru

Buka Scratch dan buat project baru. Secara default, akan muncul sprite kucing oranye di posisi tengah stage, yaitu koordinat x: 0, y: 0.

Langkah 2: Blok “Move Steps”

Klik kategori Motion (biru), lalu seret blok move 10 steps ke area skrip. Klik langsung pada blok tersebut untuk mengujinya — sprite akan bergerak maju sejauh 10 langkah sesuai arah hadapnya saat ini.

Langkah 3: Memahami Direction (Arah Hadap)

Klik pada kolom Direction di panel Sprite (nilai default: 90, yang berarti menghadap ke kanan). Sebuah dial lingkaran akan muncul, menampilkan arah hadap sprite secara visual. Coba ubah nilainya, misalnya menjadi 0 — sprite akan berputar menghadap ke atas, namun karena bentuk gambar aslinya menghadap kanan, sprite akan terlihat rebah/miring.

Kembalikan nilai Direction ke 90 agar sprite tampil normal kembali menghadap kanan.

Langkah 4: Blok “Turn” (Memutar Sprite)

Seret blok turn ↻ 15 degrees (memutar searah jarum jam) ke area skrip, lalu klik beberapa kali. Perhatikan nilai Direction pada panel Sprite bertambah 15 setiap kali blok diklik (misalnya dari 90 menjadi 105, lalu 120, dan seterusnya). Blok turn ↺ 15 degrees bekerja sebaliknya, memutar sprite berlawanan arah jarum jam.

Langkah 5: Blok “Go To” (Berpindah Posisi Instan)

Seret blok go to x: _ y: _ ke area skrip. Blok ini memindahkan sprite secara instan/langsung ke koordinat tertentu tanpa animasi transisi. Coba ubah nilai x dan y, lalu klik blok tersebut untuk melihat sprite langsung “meloncat” ke posisi baru.

Selain itu, tersedia juga pilihan go to random position yang memindahkan sprite ke posisi acak di stage, dan go to mouse-pointer yang memindahkan sprite ke posisi kursor mouse saat itu.

Langkah 6: Blok “Glide” (Berpindah Posisi dengan Animasi)

Seret blok glide 1 secs to x: _ y: _ ke area skrip. Berbeda dengan go to, blok glide memindahkan sprite secara bertahap/animasi halus selama durasi waktu yang ditentukan (dalam detik), sehingga pergerakannya terlihat lebih natural.

Langkah 7: Membuat Sprite Mengikuti Kursor Mouse

Sekarang gabungkan beberapa blok untuk membuat sprite terus-menerus mengikuti kursor mouse:

  1. Klik kategori Events (kuning), seret blok when [green flag] clicked ke area skrip.
  2. Klik kategori Control (oranye), seret blok forever dan tempelkan di bawah blok event tadi.
  3. Kembali ke kategori Motion, seret blok glide 1 secs to mouse-pointer ke dalam blok forever.

Susunan akhir skrip akan menjadi:

when [green flag] clicked
forever
    glide 1 secs to mouse-pointer

Langkah 8: Menjalankan dan Menguji Script

Klik ikon bendera hijau di pojok kanan atas stage. Sprite akan terus-menerus bergerak mengikuti posisi kursor mouse secara halus, karena blok glide berada di dalam loop forever yang membuatnya berulang tanpa henti.

Klik ikon merah (Stop) untuk menghentikan script kapan saja.

Ringkasan Blok Motion yang Dipelajari

  • move _ steps — menggerakkan sprite maju sesuai arah hadapnya.
  • turn ↻ / ↺ _ degrees — memutar arah hadap sprite searah/berlawanan jarum jam.
  • go to x: _ y: _ / go to random position / go to mouse-pointer — berpindah posisi secara instan.
  • glide _ secs to x: _ y: _ / glide _ secs to mouse-pointer — berpindah posisi secara animasi/halus dalam durasi tertentu.
  • Kombinasi when green flag clicked + forever + blok Motion menghasilkan gerakan yang berjalan terus-menerus, seperti sprite yang mengikuti mouse.