LINK Belajar Animasi Online

1. Web. untuk menganimasikan body kartun.

    https://sketch.metademolab.com/

2. Web untuk menggabungkan, merubah format, mengkompres file/audio/video

    www.onlineconverter.com

3. .

   https://www.wickeditor.com/#/

4.  Web untuk menghapus background dari sebuah image

     https://www.remove.bg/

LINK MULOK

1. Bunga Hias

Blok kode - Hungry Shark (game) - Pengenalan Program Scratch

Iklan : Sebelum membuat koding game, mari menggunakan web untuk belajar animasi (memasukka gambar ke web untuk dibuat animasinya)

Silahkan klik dan ikuti link di bawah ini:

 

https://sketch.metademolab.com/

1. Buat Backdrop sesuai dengan keinginan anda (ex:Underwater 2)

2. Hapus/ganti Sprite dengan gambar ikan. (Contoh : Fish dan Shark 2)

    

  

ANIMASI SPRITE FISH/ IKAN NEMO

3. Klik Sprite Fish dan masukkan block code:

    a.  Klik Event  à When clicked

         

    b.  Klik Looks  à klik set size to 100 % dan rubah 100 menjadi 50 

         (untuk mengatur ukuran objek Fish)

         

         

    c. Klik Motion (untuk menggerakkan ikan)  klik move 10 step

       (rubah angka 10 menjadi 8 (kecepatan gerak)

        

     

d. Buat arah putarannya dengan klik Motion turn (arah ke kanan 15 degrees)

e. Buat gerak ikan random dengan klik Operator --> Pick random ... to .... degress 

    dan tempatkan kode seperti pada gambar (rubah angka 1 menjadi - 20 dan angka 10 menjadi 20)

    

f.  Buat gerakan memantul jika ikan nemo/ fish mengenai tampilan tepi layer 

    dengan cara klik Motion --> klik if on edge, bounce

    

g. Setting agar perintah di atas dilakukan secara terus menerus 

    dengan cara klik Event -->  Forever dan tempatkan seperti pada gambar.

     

h. Gabungkan kedua blok kode di atas hingga tampil seperti gambar di bawah ini:

    

i. Buat blok kode baru (boleh di samping atau di bawah kode bagian h) 

   dengan cara klik Control --> if then

   

   j. Buat kondisi jika ikannya menyentuh warna merah/ gigi shark akan digambar menjadi merah

      dan hindari untuk membuat warna merah di bagian lain --> maka ikan akan tertelan (hilang)

      cara: klik Sensing --> touching color (merah) ? (untuk merubah warna : klik pada warna yang  

      muncul dan rubah seperti pada gambar)

     

k. Klik Event --> broadcast message 1 --> klik tanda panah pada message 1

    --> klik New message dan ketik pesan yang akan di tampilkan jika nanti 

    ikan bergerak menyentuh warna merah/ ditelan (contoh: bite/ gigit) ..> klik OK

    

   -->  

l. Buat kondisi pada saat ikan digigit (menyentuh warna merah-kode j),

   maka ikan nemo/fish akan menghilang.

   klik Looks  > hide

   

m. Buat kondisi pada saat ikan menyentuh warna merah, ikan akan menghilang beberapa detik

     (contoh:2 detik) : klik Control --> wait ... second

     

n. Buat kondisi setelah ikan hilang selama 2 detik (kode m), ikan akan muncul lagi secara random.

    *  Klik Motion --> Go to x, y (rubah x menjadi - 200) (atas)

            

        

     

     * Klik Operator --> Pick random --> tempatkan di y dan rubah angka 1 dan 100 menjadi 200 (acak)

       

  

o. Buka kondisi jika ikan sudah hilang (di hide selama 2 detik), ikan nemo/fish kembali muncul:

    klik Looks --> Show

     

 kemudian satukan block kode seperti pada gambar :

  

p. Klik Costumes -->  klik Choose a Costume

     

 q. Ketik Fish pada kotak pencarian --> lalu tambahkan jenis ikan/ hewan laut lainnya 

    sebanyak yang anda suka

    

ANIMASI SPRITE FISH/ IKAN NEMO

4. Klik Sprite SHARK - 2 (ikan Hiu)

    a. Klik Costume --> Klik Shark - c --> tekan tombol delete pada keyboard

    b. Drag (klik+tahan+geser mouse) dari Shark -b ke atas

        (jadi urutan Shark/ gambar hiu menjadi Shark-b --> Shark-a)

    c. Warnai gigi Shark-b dan Shark a menjadi merah (klik Fill : color = 0, saturation dan 

        brightness = 100. 

        

 --> 

    

     Cara mewarnai : klik pada gigi menggunakan ikon Fill,

      jika anda mengalami kesalahan klik, silahkan langsung klik tombol undo atau Ctrl + Z)

      

 --> 

   

    d. Klik Code

    e. Klik Event --> when clicked

         

    f. Klik Looks --> switch custom to shark2-b

        

    g. Klik Control --> if then

    h. Klik Operators --> ... > 50 , rubah angka 50 menjadi 10

        

    i. Klik Sensing -->  distance to mouse pointer 

       

     j. Klik Motion --> Point toward mouse pointer 

        

     k. Klik Motion --> Move 10 steps (ganti angka 10 menjadi 5/ kecepatannya 5 langkah) 

     l.  Klik Control --> Klik Forever lalu gabungkan kode

         

        

        m. klik Control --> When receive bite (ketika kita menerima pesan bite, 

             maka akan muncul suara gigitan dengan cara klik Sound

             

     n. Buat animasi tentang gigitan, 

         --> Klik Control --> kalau kita repeat 2 kali. 

https://docs.google.com/forms/d/e/1FAIpQLScDchPTW8FDWQCqYtM5HiK-_Wqv87A_S3t18mFsvYicK8CLOw/viewform?usp=sf_link

 

KODE HTML Untuk Membuat Bendera Merah Putih