Membuat Animasi Bergerak mengunakan aplikasi Processing part 1

 Membuat Animasi Bergerak mengunakan PROCESSSING

Assalamualaikum saudara saudari ku , kali ini saya “Dwi Bagus Frasetia” akan membagi kan sebuah contoh membuat animasi bergerak mengunakan aplikasi “PROCESSING” yang biasa di pelajari di mata kuliah Grafika Komputer.  

Dan pada kesempatan kali ini saya akan membagikan contoh animasi Rumah pada film UP yang kita ketahui rumahnya bisa terbang.

 

  lansung saja berikut codingnya :

 void setup()
{
size(800,500);
background(#08D8FF);
}
void draw ()

{
  int d,m;
  d=second();
  m=minute();
//bantuan
fill(#08D8FF);
rect(0,0,800,500);

//matohari
noStroke();//tanpa list
fill(#FFCE08);//warna
ellipse(400+1*m,230-1*m,90,90);//bulat

//awan
noStroke();
fill(#A5A5A5);
ellipse(100,100,70,45);
ellipse(150,100,85,65);
ellipse(200,100,70,45);

fill(#A5A5A5);
ellipse(600,100,70,45);
ellipse(650,100,85,65);
ellipse(700,100,70,45);

//gunuang
strokeWeight(2);
fill(#045203);
arc(350,380,500,300,(180*PI)/180,(360*PI)/180);
fill(#045203);
arc(50,380,350,350,(180*PI)/180,(360*PI)/180);
fill(#045203);
arc(700,380,400,350,(180*PI)/180,(360*PI)/180);

//tanahhijau
  noStroke();
  fill(#02B71E);
rect(0,440,800,80);

//createbydwibagusfrasetia

//aspal
  noStroke();
  fill(00);
rect(0,380,800,80);
strokeWeight(3);
stroke(250);
line(20,415,40,415);
line(60,415,80,415);
line(100,415,120,415);
line(140,415,160,415);
line(180,415,200,415);
line(220,415,240,415);
line(260,415,280,415);
line(300,415,320,415);
line(340,415,360,415);
line(380,415,400,415);
line(420,415,440,415);
line(460,415,480,415);
line(500,415,520,415);
line(540,415,560,415);
line(580,415,600,415);
line(620,415,640,415);
line(660,415,680,415);
line(700,415,720,415);
line(740,415,760,415);
line(780,415,800,415);

//oto1
fill(#120B83);
rect(20+15*d,340,100,50);
fill(#181629);
rect(120+15*d,355,40,35);
fill(255);
rect(130+15*d,363,20,10);
//roda mobil
fill(#55545D);
ellipse(45+15*d,390,30,30);
ellipse(120+15*d,390,30,30);

//oto2
fill(#A00303);
rect(780-15*d,380,100,50);
fill(#181629);
rect(740-15*d,395,40,35);
fill(255);
rect(750-15*d,403,20,10);
//roda mobil
fill(#55545D);
ellipse(785-15*d,430,30,30);
ellipse(860-15*d,430,30,30);

//rumah up
strokeWeight(1);
  fill(#88898B);
  quad(320,290-2*d,380,290-2*d,390,310-2*d,310,310-2*d);
  //atap2
  stroke(2);
  triangle(360,280-2*d,380,310-2*d,340,310-2*d);
  //jendela atap2
  stroke(2);
  rect(355,292-2*d,10,15);
  line(355,299-2*d,365,299-2*d);
   //atap3
   stroke(2);
  triangle(335,285-2*d,345,295-2*d,325,295-2*d);
  rect(330,295-2*d,10,5);
  //cerobong
  stroke(2);
  fill(#937403);
  quad(345,280-2*d,350,280-2*d,350,290-2*d,345,290-2*d);
  //dinding
  stroke(2);
  fill(#AF840C);
  quad(315,310-2*d,385,310-2*d,385,340-2*d,315,340-2*d);
  fill(#075EE5);
  quad(340,310-2*d,380,310-2*d,380,340-2*d,340,340-2*d);
  fill(#1CBC08);
  quad(350,310-2*d,370,310-2*d,370,340-2*d,350,340-2*d);
  //jendela1
  fill(#CBC8B9);
  rect(352.5,315-2*d,15,20);
  line(352.5,325-2*d,367.5,325-2*d);
  //jendela2
  rect(318,320-2*d,7.5,10);
  line(352.5,325-2*d,367.5,325-2*d);
  //pintu
  fill(#6C5A00);
  rect(330,320-2*d,7.5,20);
  rect(331,322-2*d,5.5,6);
  rect(331,332-2*d,5.5,6);
  ellipse(332,330-2*d,2.5,2.5);
  //pondasi
  fill(#88898B);
  rect(315,340-2*d,70,5);
 
  //talibalon
  line(325,240-2*d,345,280-2*d);
  line(305,240-2*d,345,280-2*d);
  line(345,240-2*d,345,280-2*d);
  line(365,240-2*d,345,280-2*d);
  line(385,240-2*d,345,280-2*d);
  //balon
  fill(#FF0000);
  ellipse(330,120-2*d,20,20);
  fill(#00FFDF);
  ellipse(335,130-2*d,20,20);
  fill(#FFF700);
  ellipse(330,140-2*d,20,20);
  fill(#03FF00);
  ellipse(335,150-2*d,20,20);
  fill(#FF0080);
  ellipse(330,160-2*d,20,20);
  fill(#FF0000);
  ellipse(335,170-2*d,20,20);
  fill(#03FF00);
  ellipse(330,180-2*d,20,20);
  fill(#FFFFFF);
  ellipse(335,190-2*d,20,20);
  fill(#018E4B);
  ellipse(325,200-2*d,20,20);
  fill(#03FF00);
  ellipse(330,210-2*d,20,20);
  fill(#FF0000);
  ellipse(325,220-2*d,20,20);
  fill(#FFFFFF);
  ellipse(330,230-2*d,20,20);
  fill(#FF0080);
  ellipse(325,240-2*d,20,20);
 
  fill(#052CFF);
  ellipse(295,130-2*d,20,20);
  fill(#00FFDF);
  ellipse(290,140-2*d,20,20);
  fill(#03FF00);
  ellipse(295,150-2*d,20,20);
  fill(#9C12FA);
  ellipse(290,160-2*d,20,20);
  fill(#7C6402);
  ellipse(295,170-2*d,20,20);
  fill(#00FFDF);
  ellipse(290,180-2*d,20,20);
  fill(#052CFF);
  ellipse(295,190-2*d,20,20);
  fill(#FFF700);
  ellipse(285,200-2*d,20,20);
  fill(#FFFFFF);
  ellipse(290,210-2*d,20,20);
  fill(#FF0000);
  ellipse(285,220-2*d,20,20);
  fill(#052CFF);
  ellipse(290,230-2*d,20,20);
  fill(#110FCE);
  ellipse(310,120-2*d,20,20);
  fill(#FF0080);
  ellipse(315,130-2*d,20,20);
  fill(#052CFF);
  ellipse(310,140-2*d,20,20);
  fill(#0F38FA);
  ellipse(315,150-2*d,20,20);
  fill(#00FFDF);
  ellipse(310,160-2*d,20,20);
  fill(#03FF00);
  ellipse(315,170-2*d,20,20);
  fill(#110FCE);
  ellipse(310,180-2*d,20,20);
  fill(#052CFF);
  ellipse(315,190-2*d,20,20);
  fill(#110FCE);
  ellipse(305,200-2*d,20,20);
  fill(#FFF700);
  ellipse(310,210-2*d,20,20);
  fill(#FF0080);
  ellipse(305,220-2*d,20,20);
  fill(#7C6402);
  ellipse(310,230-2*d,20,20);
  fill(#110FCE);
  ellipse(305,240-2*d,20,20);
  fill(#FFF700);
  ellipse(275,150-2*d,20,20);
  fill(#052CFF);
  ellipse(270,160-2*d,20,20);
  fill(#FF0080);
  ellipse(275,170-2*d,20,20);
  fill(#FFF700);
  ellipse(270,180-2*d,20,20);
  fill(#052CFF);
  ellipse(275,190-2*d,20,20);
  fill(#03FF00);
  ellipse(265,200-2*d,20,20);
  fill(#FF0080);
  ellipse(270,210-2*d,20,20);
  fill(#FFF700);
  ellipse(365,120-2*d,20,20);
  fill(#9C12FA);
  ellipse(370,130-2*d,20,20);
  fill(#31CE0F);
  ellipse(365,140-2*d,20,20);
  fill(#7C6402);
  ellipse(370,150-2*d,20,20);
  fill(#FF0080);
  ellipse(365,160-2*d,20,20);
  fill(#03FF00);
  ellipse(370,170-2*d,20,20);
  fill(#31CE0F);
  ellipse(365,180-2*d,20,20);
  fill(#110FCE);
  ellipse(370,190-2*d,20,20);
  fill(#31CE0F);
  ellipse(360,200-2*d,20,20);
  fill(#FFF700);
  ellipse(365,210-2*d,20,20);
  fill(#110FCE);
  ellipse(360,220-2*d,20,20);
  fill(#00FFDF);
  ellipse(365,230-2*d,20,20);
  fill(#31CE0F);
  ellipse(360,240-2*d,20,20);
  fill(#110FCE);
  ellipse(385,120-2*d,20,20);
  fill(#FFF700);
  ellipse(390,130-2*d,20,20);
  fill(#FFF700);
  ellipse(385,140-2*d,20,20);
  fill(#FFFFFF);
  ellipse(390,150-2*d,20,20);
  fill(#110FCE);
  ellipse(385,160-2*d,20,20);
  fill(#31CE0F);
  ellipse(390,170-2*d,20,20);
  fill(#03FF00);
  ellipse(385,180-2*d,20,20);
  fill(#7C6402);
  ellipse(390,190-2*d,20,20);
  fill(#FF0000);
  ellipse(380,200-2*d,20,20);
  fill(#00FFDF);
  ellipse(395,210-2*d,20,20);
  fill(#052CFF);
  ellipse(380,220-2*d,20,20);
  fill(#03FF00);
  ellipse(395,230-2*d,20,20);
  fill(#110FCE);
  ellipse(380,240-2*d,20,20);
  fill(#7C6402);
  ellipse(405,140-2*d,20,20);
  fill(#110FCE);
  ellipse(410,150-2*d,20,20);
  fill(#03FF00);
  ellipse(405,160-2*d,20,20);
  fill(#110FCE);
  ellipse(410,170-2*d,20,20);
  fill(#FFF700);
  ellipse(405,180-2*d,20,20);
  fill(#FFF700);
  ellipse(410,190-2*d,20,20);
  fill(#9C12FA);
  ellipse(400,200-2*d,20,20);
  fill(#FFFFFF);
  ellipse(415,210-2*d,20,20);
  fill(#03FF00);
  ellipse(400,220-2*d,20,20);
  fill(#7C6402);
  ellipse(345,120-2*d,20,20);
  fill(#110FCE);
  ellipse(350,130-2*d,20,20);
  fill(#9C12FA);
  ellipse(345,140-2*d,20,20);
  fill(#110FCE);
  ellipse(350,150-2*d,20,20);
  fill(#7C6402);
  ellipse(345,160-2*d,20,20);
  fill(#052CFF);
  ellipse(350,170-2*d,20,20);
  fill(#FFFFFF);
  ellipse(345,180-2*d,20,20);
  fill(#FF0080);
  ellipse(350,190-2*d,20,20);
  fill(#FF0000);
  ellipse(340,200-2*d,20,20);
  fill(#03FF00);
  ellipse(345,210-2*d,20,20);
  fill(#FFF700);
  ellipse(340,220-2*d,20,20);
  fill(#00FFDF);
  ellipse(345,230-2*d,20,20);
  fill(#FF0000);
  ellipse(340,240-2*d,20,20);
 
  //pohon
  noStroke();
  fill(#5F3603);
  rect(32,400,10,80);
  fill(#038301);
  triangle(40,350,60,400,10,400);
  triangle(40,375,60,425,10,425);
  triangle(40,400,60,450,10,450);
 
  fill(#5F3603);
  rect(232,400,10,80);
  fill(#038301);
  triangle(240,350,260,400,210,400);
  triangle(240,375,260,425,210,425);
  triangle(240,400,260,450,210,450);
 
  fill(#5F3603);
  rect(432,400,10,80);
  fill(#038301);
  triangle(440,350,460,400,410,400);
  triangle(440,375,460,425,410,425);
  triangle(440,400,460,450,410,450);
 
  fill(#5F3603);
  rect(732,400,10,80);
  fill(#038301);
  triangle(740,350,760,400,710,400);
  triangle(740,375,760,425,710,425);
  triangle(740,400,760,450,710,450);

}

Read More

Membuat game Tank sederhana mengunakan macromediaa flash 8

Membuat game Tank sederhana mengunakan macromedia flash 8

 

Assalamualaikum Wr Wb, kali ini saya akan membagikan tutorial membuat game tank sederhana mengunakan macromedia flash 8, dalam game ini anda bisa menggerakan dan bisa menembak mengunakan Tank tersebut, untuk tau lebih lanjut silahkan klik DOWNLOAD untuk mendapatkan file PDF nya.

baca juga : Cara Membuat Database mengunakan XAMPP Control Panel 

                   cara membuat TTS ( teka teki silang) mengunakan macromedia flash 8

Read More

Cara Membuat Database mengunakan XAMPP Control Panel

Membuat Database mengunakan XAMPP Control Panel

 

XAMPP adalah program aplikasi pengembang yang berguna untuk pengembangan website berbasis PHP dan MySQL. Sampe saat tutorial ini dibuat, versi terbaru XAMP adalah XAMPP 1.8.3.0.

Software XAMPP dibuat dan dikembangkan oleh Apache Friends.
Perangkat lunak komputer ini memiliki kelebihan untuk bisa berperan sebagai server web Apache untuk simulasi pengembangan website. Tool pengembangan web ini mendukung teknologi web populer seperti PHP, MySQL, dan Perl. Melalui program ini, programmer web dapat menguji aplikasi web yang dikembangkan dan mempresentasikannya ke pihak lain secara langsung dari komputer, tanpa perlu terkoneksi ke internet. XAMPP juga dilengkapi fitur manajemen database PHPMyAdmin seperti pada server hosting sungguhan, sehingga pengembang web dapat mengembangkan aplikasi web berbasis database secara mudah.
Program XAMPP banyak diaplikasikan dan digunakan oleh kalangan pengguna komputer di bidang pemrograman web. XAMPP merupakan software gratis. XAMPP dapat dijalankan di sistem operasi Windows 2000/XP/Vista/7 dan sistem operasi lain.

Dan Berikut Tutorial membuat database mengunakan XAMPP Control Panel silahkan Download Turtorialnya berikut  : DOWNLOAD PDF

Baca Juga : cara membuat TTS ( teka teki silang) mengunakan macromedia flash 8

Read More

cara membuat TTS ( teka teki silang) mengunakan macromedia flash 8

Membuat TTS mengunakan macromedia Flash 8.

 

Assalamualaikum Wr Wb   

   Teka-teki silang (TTS) adalah permainan otak yang sudah terbilang tua. Umurnya tak kurang dari 100 tahun! Sejak pertama kali diciptakan oleh Arthur Wynne dan diterbitkan di koran New York World pada 21 Desember 1913, TTS terus meningkat popularitasnya.
   Berikut saya akan membagikan cara membuat TTS mengunakan macro media flash 8, 

silahkan Download Tutorialnya berikut 
:  Download PDF Version

silahkan beri komentar jika kurang mengerti, Terima kasih.

Baca juga : Cara Membuat Database mengunakan XAMPP Control Panel

Read More

Selamat Datang Di DBF Web

Selamat Datang Di DBF Web

Assalamualaikum, dalam blog ini saya akan membagikan beberapa pengetahuan yang saya ketahui. Dan semoga bermanfaat.

Dwi Bagus Frasetia

Read More