(。◕‿◕。) AYO RAIH PRESTASI



Assalamu'alaikum. Di dalam blog ini terdapat sekumpulan materi sekolah maupun kuliah. Ingin usul materi lain?
Silakan tinggalkan komentar / isi guest book di sidebar sebelah kanan ya.
Bagi-bagi ilmu sambil cari rezeki. Bismillah. Kami menjual aneka gamis, baju couple, sandal karakter, garskin HP, garskin notebook / laptop, stiker pengiriman, desain brosur, dll. Minat? Just comment. :)

Warm regards

-Ririt & Riana-

Kursor

Queens Crown

Senin, 26 November 2012

CONTOH LISTING PROGRAM ANIMASI PROCESSING SOFTWARE

Berikut ini adalah contoh listing program untuk membuat animasi (gambar bergerak) dengan menggunakan software processing.
Processing dapat membantu kita untuk mengerjakan berbagai macam pekerjaan profesional. Untuk mendownload software processing, silakan ikuti link berikut ini: http://processing.org/download kemudian pilih sesuaikan dengan Operating System yang Anda miliki.

Program animasi dengan Processing yang saya buat ini bertema animasi emoticon yang bergerak dari arah kiri ke kanan, tengah ke atas, kanan ke kiri dengan kecepatan yang berbeda. Selain itu warna background pada jendela tampilan akan berubah-ubah pada waktu yang sudah ditentukan. Hal ini bisa kita lakukan dengan memainkan variabel s=second() saja. Sangat mudah, bukan?

Ini dia jendela tampilan AWAL setelah kita run:

Membuat listing program animasi dengan processing



Listing program ANIMASI menggunakan software processing:


void setup ()
{
size (700,500);

}

void draw ()
{
  int s;
  s=second ();
  background (105+s*15,20+4*s,220);

fill(#EAD428);
strokeWeight(4);
ellipse(140,250+15*s-3*s,140,140);
fill(#EA5F28);
ellipse(115,235+15*s-3*s,30,30);
ellipse(160,235+15*s-3*s,30,30);
arc(135,270+15*s-3*s,50,50, (0*PI)/180,(180*PI)/180);
fill(#288E69); 

ellipse(340,250-10*s,140,140);
fill(#EAD428);
ellipse(315,235-10*s,30,30);
ellipse(360,235-10*s,30,30);
ellipse(335,275-10*s,70,15);
fill(#EA8028);
ellipse(540,250+9*s,140,140);
fill(#6EE330);
ellipse(515,235+9*s,30,30);
ellipse(560,235+9*s,30,30);
arc(535,285+9*s,50,50, (180*PI)/180,(360*PI)/180);
fill(#EA8028);
ellipse(140+7*s,250,100,100);
fill(#A24099);
ellipse(120+7*s,235,30,30);
ellipse(160+7*s,235,30,30);
arc(138+7*s,260,50,50, (0*PI)/180,(180*PI)/180);
fill(#EAD428);
ellipse(540-9*s,250,100,100);
fill(#EA5F28);
ellipse(520-9*s,240,20,20);
ellipse(555-9*s,240,20,20);
arc(537-9*s,274,50,30, (180*PI)/180,(360*PI)/180);
}


Setelah beberapa detik, tampilan akan berubah seperti ini:

Membuat listing program animasi dengan processing

Membuat listing program animasi dengan processing

Yap! Selesai sudah tutorial mebuat animasi dengan software Processing pada kesempatan kali ini. Semoga sedikit membantu kawan semua ya.
Dengan pemahaman tersebut di atas, Anda bisa kembangkan untuk membuat animasi processing bertema pantai, lalu lintas, pemandangan, dll sesuai dengan mood Anda. Sampai jumpa. :)) 😊

7 komentar:

  1. kk kalo mau mengenal lebih jauh tentang procesing bisa liat di mana ya?

    BalasHapus
    Balasan
    1. Bisa kunjungi official website dari processing di processing.org ya adek.
      Kalau mengenai tutorial scriptnya bisa cari-cari di google, sekarang pasti sudah banyak yang share tentang grafika dengan software Processing ini :)

      Hapus

Pembaca yang budiman.
Silakan tinggalkan komentar.
We'll be glad to respond your comment(s). ^_^

Copyright© All Rights Reserved ayoraihprestasi.blogspot.com