Mengikuti Mouse

Bismillahirrahmanirrahim.

<- Mengenal Komponen di Wick Editor | Membuat Multiverse ->

Kali ini kita akan coba buat karakter yang ada di stage mengikuti mouse saat kita gerakkan, hasilnya seperti ini:

Ikuti langkah-langkah berikut:

1. Tambahkan Objek (Karakter)

Buat atau gambar karakter di Stage (bisa lingkaran, gambar, dll). Pada tutorial ini saya menggunakan logo Kak Alif

Klik objek tersebut.

Buka panel Inspector → beri nama instance, misalnya: kakaliflogo  

2. Tambahkan Script di Frame (Update Event)

Klik frame (di Timeline) atau klik gambar (di Stage)

klik frame

klik gambar di stage

 Di panel Scripts, pilih add script-Timeline-Update

Tulis kode berikut:

kakaliflogo.x = mouseX;
kakaliflogo.y = mouseY; 

Ini akan membuat karakter langsung berpindah ke posisi mouse setiap frame.

Setelah itu, tutup Code Editornya, lalu tekan CTRL+SAVE ya. Setelah itu tekan tombol Play yang berwarna hijau

 Berikut hasilnya:

Tekan tombol Pause untuk menghentikan preview-nya.

Langkah terakhir adalah menyimpannya dalam bentuk html:

Pilih menu export yang ada pada pojok kanan atas, lalu pilih Interactive-Export HTML

🎮 Coba Aplikasi di Browser: 👉 https://teknoalif.github.io/wickeditor-kakalif-mengikutimouse

📁 Lihat Kode Sumber & File Proyek di GitHub: 👉 https://github.com/teknoalif/wickeditor-kakalif-mengikutimouse

Semoga Allah memberikan taufik-Nya kepada kita semua.

 <- Mengenal Komponen di Wick Editor | Membuat Multiverse ->