Bermain Coding untuk membuat animasi sederhana ...

Hayooo bermain animasi ...

yang belum menguasai bahasa pemrograman, tenang tinggal copas aja (copy paste) dan edit2 dikit lah demi kebutuhan kalian..

mari kita mulai.

A. buat 2 file dan 1 folder

1. a. main.js
2. b. index.html
3. c. buat folder "js" / untuk kodingan javascript ,untuk file javascript bisa diambil dari link2 berikut. ingat ya file tersebut disimpan di folder "js"

• jquery-1.10.2.min.js (bisa diambil di url : code.jquery.com/jquery-1.10.2.min.js )
• alphabet.js (bisa diambil di url : http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js)
• bubbles.js (bisa diambil di url : http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js)

B. Mulai membuat codingan

Buat coding file main.js

-------------------------------------------------------------------------------------

var myName = "Eddy Purwoko";

var red = [0, 100, 63];

var orange = [40, 100, 60];

var green = [75, 100, 40];

var blue = [196, 77, 55];

var purple = [280, 50, 60];

var letterColors = [red, orange, green, blue, purple];

drawName(myName, letterColors);

if(10 < 3)

{

    bubbleShape = 'square';

}

else

{

    bubbleShape = 'circle';

}

bounceBubbles();

------------------------------------------------------------------------------------

Buat codingan index.html

------------------------------------------------------------------------------------

 

   

   

 

 

    

 

------------------------------------------------------------------------------------

hasilnya cek sendiri ya

kalo sudah selesai kodingannya...

silahkan upload ke masing2 server yah atau bisa diuji coba lsng ke localhost.

selamat mencoba

~EP~