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

Demo Praktik: Menggunakan Koordinat X dan Y (Coordinates Demo)

⏱ 20 Menit Scratch August 2026 🔧 Scratch Website

Demo Praktik: Menggunakan Koordinat X dan Y (Coordinates Demo)

Setelah memahami konsep dasar koordinat X dan Y, saatnya mempraktikkannya langsung dengan membuat animasi sederhana. Pada tutorial ini, kita akan menggerakkan sprite dari satu titik ke titik lain menggunakan koordinat, dengan tema lapangan baseball.

Langkah 1: Membuat Project Baru

Buka Scratch dan buat project baru. Pastikan kamu sudah login ke akun Scratch agar project bisa disimpan.

Langkah 2: Memilih Backdrop Lapangan

Klik ikon Choose a Backdrop di pojok kanan bawah panel Stage, lalu pilih backdrop bertema lapangan baseball (contoh: Baseball 3).

Langkah 3: Memilih dan Mengatur Ukuran Sprite

Klik ikon Choose a Sprite, lalu pilih sprite Batter (karakter pemukul baseball). Jika ukurannya terlalu besar untuk lapangan, ubah nilai Size pada panel Sprite menjadi lebih kecil (misalnya 80) agar proporsional dengan backdrop.

Langkah 4: Menentukan Koordinat Setiap Base

Coba geser (drag) sprite Batter ke posisi home plate, base pertama, base kedua, dan base ketiga pada lapangan. Catat nilai x dan y yang muncul di panel Sprite untuk setiap posisi — nilai inilah yang nanti dipakai dalam blok kode.

Langkah 5: Menyusun Blok “Glide to X Y”

Klik kategori Motion (biru), lalu seret blok glide 1 secs to x: _ y: _ ke area skrip sebanyak beberapa kali, dan isi nilai x dan y sesuai koordinat base yang sudah dicatat. Susun berurutan membentuk rute perpindahan, misalnya:

glide 1 secs to x: 170 y: 35
glide 0.5 secs to x: -20 y: 80
glide 1 secs to x: -144 y: 4
glide 0.5 secs to x: 36 y: -44
glide 1 secs to x: 171 y: 34

Setiap blok akan membuat sprite berpindah secara halus (animasi geser) menuju koordinat yang ditentukan, dengan durasi sesuai angka detik yang diisi.

Langkah 6: Menambahkan Trigger “When Green Flag Clicked”

Klik kategori Events (kuning), lalu seret blok when [green flag] clicked dan tempelkan di atas rangkaian blok glide yang sudah disusun, sehingga seluruh skrip tersambung menjadi satu kesatuan.

Langkah 7: Menjalankan Animasi

Klik ikon bendera hijau di pojok kanan atas stage. Sprite Batter akan bergerak secara berurutan mengikuti setiap titik koordinat yang telah ditentukan — seolah berlari mengelilingi base layaknya pemain baseball sungguhan.

Langkah 8: Menyesuaikan Kecepatan Animasi (Opsional)

Jika pergerakan terasa terlalu lambat atau cepat, ubah angka durasi pada masing-masing blok glide — misalnya dari 1 detik menjadi 0.5 detik — untuk mempercepat perpindahan pada bagian tertentu.

Langkah 9: Memberi Nama dan Menyimpan Project

Klik kotak judul project di bagian atas, ketik nama project — misalnya “Coordinates Demo” — lalu project akan otomatis tersimpan.

Ringkasan

  • Blok glide _ secs to x: _ y: _ memindahkan sprite secara halus ke koordinat tertentu dalam waktu yang ditentukan.
  • Beberapa blok glide bisa disusun berurutan untuk membuat rute pergerakan yang lebih kompleks.
  • Koordinat setiap posisi bisa ditemukan dengan menggeser sprite secara manual lalu membaca nilai x dan y pada panel Sprite.
  • Blok when green flag clicked digunakan agar animasi berjalan otomatis saat tombol bendera hijau diklik.