Memunculkan Angka Secara Animasi

 

Memunculkan Angka Secara Animasi

A. Pesiapan gambar yang akan dimasukan ke dalam Sprite

Gambar 1. Menambahkan gambar 

Tambahkan gambar selain Sprite1 (Kucing) yaitu dengan menambahkan angka pada “Choose a Sprite”, lalu pilih “Glow-0”, sedangkan untuk background dapat memilih gambar pada menu “Choose a backdrop”.

Gambar 2. Menambahkan gambar angka melalui Costumes

Pilih “Glow-0” pada sprite, setelah itu pilih menu “Costumes”, tambahkan “Glow-1” melalui “choose a sprite”, dan tambahkan lagi “Glow-2” sampai “Glow-9”

 

B. Membuat Skenario dan Menjalankan

Skenario pertama: “Ketika bendera hijau ditekan. Sprite1 (Kucing) akan bertanya kepada pengguna “Tolong masukan angka”, setelah itu, kotak pertanyaan akan muncul”

Gambar 3. Blok Perintah untuk Skenario Pertama

Gambar 3 menjelaskan ketika bendera hijau diklik, maka ukuran kucing akan mengecil 50% dari ukuran semula, tunggu 1 detik baru perkataan dari Sprite1 ditampilkan dengan tulisan “Tolong masukan angka” selama 2 detik selanjutnya muncul korak pertanyaan.

Skenario kedua: “ Ketika pengguna memasukan angka baru muncul angka tersebut secara animasi.

Gambar 4. Blok Perintah untuk Skenario Kedua pada Sprite1

Gambar 4 menjelaskan ketika, pengguna mengisi tulisan angkan pada kotak pertanyaan, variabel a akan menyimpan tulisan tersebut, variabel b diseting awal sama dengan 0, selanjutnya terjadi pengulangan sebanyak karakter yang ditulis misalkan “12” (ada 2 karakter), “234” (sebanyak 3 karakter), lalu disisipkan clone pada “Glow-0”, pengulangan akan terjadi seriap 0,2 detik.

Gambar 5. Blok Perintah untuk Skenario Kedua pada Glow-0

Gambar 5 menjelaskan untuk memasukan blok perintah pilih terlebih dahulu “Glow-0”. Keriak bendera hijau ditekan, ukuran dari “Glow-0” (angka) akan disembuntikan dan ketika “Glow-0” sebagai clone maka angka tersebut akan ditampilkan, kemudian Costume angkanya akan disesuaikan dan letaknya akan berubah pada posisix.

 

C. Cara Kerja Media

Gambar 6. Cara Kerja Media 

 Ketika bendera ditekan Sprite1 akan meminta kepada pengguna memamsukan angka misalkan “123” ketika dienter maka secara otomatis angka 123 akan muncul.

Untuk melihat hasil lihat gambar di bawah ini!