Friday 8 March 2019

Projek Mini OpenGL( Lift-Over-Bridge) dengan pemrograman C++ dan CodeBlock


     Projek ini adalah sebuah projek mini animasi game dengan OpenGL C++ yaitu membuah sebuah projek yang diberi nama Lift-Over-Bridge. didaam projek ini akan ada animasi merubah warna perahu sebanyak 7 perubahan yaitu red, green, brown, cyan , magenta, white dan grey. animasi akan jalan otomatis dengan menggunakan event maouse clik. adapun hasil akhir dari projek ini adalah sebagai berikut :


Adapun untuk menjalankan projek ini anda harus memiliki semua software yang dibutuhkan diantaranya :
  1. Open GL download disini :  View openGL
  2. CodeBlock setting dengan openGL caranya lihat disini: view
  3. buka codeblock dan buat projek baru caranya dapat dilihat disini : view
  4. copy semua sourcode yang tersedia di blog ini.
sourcode yang dapat digunakan ada dibawah ini. silahkan copy projek dibawah ke projek yang dilakukan di langkah-langkah diatas.

Reverensi








#include<stdio.h>
#include<GL/glut.h>

float y=0,ang=0,i=0,k=0,n=0;

float a=900,b=880,c=900,d=900,p,q=0,s;

float g=0;   // car  translate indicator

float m=.80,j=.50,o=.15;


////////////////////////////// sea function to display river   ///////////////////////////////


void sea()
{
    glColor3f(1.0,0.0,0.0);
glBegin(GL_POLYGON);
glColor3f(0.0,0.50,1.0);
glVertex2f(0.0,0.0);
    glVertex2f(2000.0,0.0);
glVertex2f(2000.0,1600.0);
glVertex2f(0.0,1600.0);
glEnd();


  glPushMatrix();
  glTranslatef(0,q,0);

glBegin(GL_LINES);
glColor3f(1.0,1.0,1.0);
   for(p=0;p<20000;p=p+100)
   for(s=0;s<20000;s=s+100)
glVertex2f(100.0+s,100.0+p);
glVertex2f(200.0+s,100.0+p);
glEnd();


  glPopMatrix();
}


////////////////////////////////////////  Bridge function  ////////////////////////////////////

void bridge()
{
glBegin(GL_POLYGON);
glColor3f(0.40,0.40,0.40);
glVertex2f(0.0,900.0);
glVertex2f(500.0,900.0);
glVertex2f(500.0,1200.0);   //bridge top 1
glVertex2f(0.0,1200.0);
    glEnd();

glBegin(GL_POLYGON);
glColor3f(1.0,1.0,1.0);
glVertex2f(100.0,1030.0);
glVertex2f(200.0,1030.0);
glVertex2f(200.0,1040.0);   //strip1
glVertex2f(100.0,1040.0);
    glEnd();


glBegin(GL_POLYGON);
glColor3f(1.0,1.0,1.0);
glVertex2f(300.0,1030.0);
glVertex2f(400.0,1030.0);
glVertex2f(400.0,1040.0);   //strip2
glVertex2f(300.0,1040.0);
    glEnd();


glBegin(GL_POLYGON);
glColor3f(1.0,1.0,.0);
glVertex2f(0.0,1170.0);
glVertex2f(500.0,1170.0);
glVertex2f(500.0,1175.0);   //yellow strip1
glVertex2f(0.0,1175.0);
    glEnd();


glBegin(GL_POLYGON);
glColor3f(1.0,1.0,0.0);
glVertex2f(0.0,920.0);
glVertex2f(500.0,920.0);
glVertex2f(500.0,930.0);   //yellow strip2
glVertex2f(0.0,930.0);
    glEnd();

//   brige up

glPushMatrix();
;


glBegin(GL_POLYGON);
glColor3f(0.46,0.46,0.46);
glVertex2f(500.0,900.0);             //bridge top 2
//up
glVertex2f(900.0-k,900.0+n);
glVertex2f(900.0-k,1200.0+n);
//up
glVertex2f(500.0,1200.0);
    glEnd();




glBegin(GL_LINES);
glColor3f(0.0,0.0,0.0);
glVertex2f(20.0,1400.0);
glVertex2f(900.0-k,900.0+n);    //pole thread front
glVertex2f(0.0,1400.0);
glVertex2f(900.0-k,880.0+n);
glEnd();


glBegin(GL_LINES);
glColor3f(0.0,0.0,0.0);
glVertex2f(30.0,1550.0);
glVertex2f(900.0-k,1200.0+n);   //pole thread back
glVertex2f(50.0,1550.0);
glVertex2f(900.0-k,1203.0+n);
glEnd();



glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);
glVertex2f(500.0,880.0);
glVertex2f(900.0-k,880.0+n); //base1
glVertex2f(900.0-k,900.0+n);
glVertex2f(500.0,900.0);
glEnd();


glBegin(GL_POLYGON);
glColor3f(0.46,0.46,0.46);
glVertex2f(900.0+k,900.0+n);
//up
glVertex2f(1300.0,900.0);    // bridge top3
glVertex2f(1300.0,1200.0);
//up
glVertex2f(900.0+k,1200.0+n);
      glEnd();


glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);
glVertex2f(900.0+k,880.0+n);
glVertex2f(1300.0,880.0); // base 2
glVertex2f(1300.0,900.0);
glVertex2f(900.0+k,900.0+n);
glEnd();
glPopMatrix();




// printf("i== %f\t k==%f\n",i,k);

//============================
glBegin(GL_POLYGON);
glColor3f(0.40,0.40,0.40);
glVertex2f(1300.0,900.0);
glVertex2f(2000.0,900.0);  //bridge top 4
glVertex2f(2000.0,1200.0);
glVertex2f(1300.0,1200.0);
    glEnd();

glBegin(GL_POLYGON);
glColor3f(1.0,1.0,0.0);
glVertex2f(1300.0,1170.0);
glVertex2f(2000.0,1170.0);
glVertex2f(2000.0,1175.0);   //yellow strip3
glVertex2f(1300.0,1175.0);
     glEnd();
glBegin(GL_POLYGON);
glColor3f(1.0,1.0,0.0);
glVertex2f(1300.0,920.0);
glVertex2f(2000.0,920.0);
glVertex2f(2000.0,930.0);   // yellow strip4
glVertex2f(1300.0,930.0);
    glEnd();

glBegin(GL_POLYGON);
glColor3f(1.0,1.0,1.0);
glVertex2f(1400.0,1030.0);
glVertex2f(1500.0,1030.0);
glVertex2f(1500.0,1040.0);   //strip3
glVertex2f(1400.0,1040.0);
    glEnd();

glBegin(GL_POLYGON);
glColor3f(1.0,1.0,1.0);
glVertex2f(1600.0,1030.0);
glVertex2f(1700.0,1030.0);
glVertex2f(1700.0,1040.0);   //strip4
glVertex2f(1600.0,1040.0);
    glEnd();

glBegin(GL_POLYGON);
glColor3f(1.0,1.0,1.0);
glVertex2f(1800.0,1030.0);
glVertex2f(1900.0,1030.0);
glVertex2f(1900.0,1040.0);   //strip5
glVertex2f(1800.0,1040.0);
    glEnd();


glBegin(GL_LINES);
glColor3f(0.0,0.0,0.0);
glVertex2f(1725.0,1550.0);
glVertex2f(900.0+k,1200.0+n);    //rite pole thread
glVertex2f(1745.0,1550.0);
glVertex2f(900.0+k,1200.0+n);
glEnd();

glBegin(GL_POLYGON);
glColor3f(0.25,0.25,0.25);
glVertex2f(200.0,800.0);   //6 point polygon 1
glVertex2f(200.0,700.0);
glVertex2f(300.0,700.0);
glVertex2f(300.0,800.0);
glVertex2f(350.0,880.0);
glVertex2f(150.0,880.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);
glVertex2f(0.0,880.0);
glVertex2f(500.0,880.0);   //base3
glVertex2f(500.0,900.0);
glVertex2f(0.0,900.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);    //base4
glVertex2f(1300.0,880.0);
glVertex2f(2000.0,880.0);
glVertex2f(2000.0,900.0);
glVertex2f(1300.0,900.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(0.25,0.25,0.25);
glVertex2f(1500.0,800.0);
glVertex2f(1500.0,700.0);
glVertex2f(1600.0,700.0);  //6 point polygon2
glVertex2f(1600.0,800.0);
glVertex2f(1650.0,880.0);
glVertex2f(1450.0,880.0);
glEnd();


}

//////////////////////////////////////////  Boat function  ///////////////////////////////

void boat()
{
glPushMatrix();

glTranslatef(0,y,0);
glPushMatrix();
glBegin(GL_POLYGON);
glColor3f(m,j,o);
glVertex2f(900.0,700.0);
glVertex2f(800.0,620.0);
glVertex2f(750.0,500.0);
glVertex2f(750.0,200.0);     //ship
glVertex2f(900.0,50.0);
glVertex2f(1050.0,200.0);
glVertex2f(1050.0,500.0);
glVertex2f(1000.0,620.0);

glEnd();


glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);     // ship back  1
glVertex2f(750.0,200.0);
glVertex2f(900.0,0.0);
glVertex2f(900.0,50.0);
glVertex2f(751.0,200.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(0.1,0.1,0.1);
glVertex2f(901.0,0.0);      //ship back  2
glVertex2f(1050.0,200.0);
// glVertex2f(1051.0,200.0);
glVertex2f(901.0,50.0);
glEnd();


glBegin(GL_LINES);
glColor3f(0.0,0.0,0.0);
glVertex2f(900.0,700.0);
glVertex2f(820.0,600.0);  //boat grill
glVertex2f(820.0,600.0);
glVertex2f(800.0,620.0);
glVertex2f(820.0,600.0);
glVertex2f(770.0,500.0);
glVertex2f(770.0,500.0);
glVertex2f(750.0,500.0);
glVertex2f(770.0,500.0);
glVertex2f(770.0,200.0);
glVertex2f(770.0,200.0);
glVertex2f(750.0,200.0);
glVertex2f(770.0,200.0);
glVertex2f(900.0,70.0);
glVertex2f(900.0,70.0);
glVertex2f(900.0,50.0);
glVertex2f(900.0,70.0);
glVertex2f(1030.0,200.0);
glVertex2f(1030.0,200.0);
glVertex2f(1050.0,200.0);
glVertex2f(1030.0,200.0);
glVertex2f(1030.0,500.0);
glVertex2f(1030.0,500.0);
glVertex2f(1050.0,500.0);
glVertex2f(1030.0,500.0);
glVertex2f(980.0,620.0);
glVertex2f(980.0,620.0);
glVertex2f(1000.0,620.0);
glVertex2f(980.0,620.0);
glVertex2f(900.0,700.0);
glVertex2f(770.0,350.0);
glVertex2f(750.0,350.0);
glVertex2f(770.0,450.0);
glVertex2f(750.0,450.0);
glVertex2f(770.0,250.0);
glVertex2f(750.0,250.0);
glVertex2f(1030.0,250.0);
glVertex2f(1050.0,250.0);
glVertex2f(1030.0,350.0);
glVertex2f(1050.0,350.0);
glVertex2f(1030.0,450.0);
glVertex2f(1050.0,450.0);
glVertex2f(840.0,130.0);
glVertex2f(820.0,110.0);
glVertex2f(975.0,110);
glVertex2f(955.0,125.0);
glEnd();


// printf("g==%d\n",g);

glBegin(GL_POLYGON);
glColor3f(0.10,0.10,0.);
glVertex2f(850.0,400.0);   //boat inside polygon
glVertex2f(950.0,400.0);
glVertex2f(950.0,500.0);
glVertex2f(850.0,500.0);
    glEnd();

glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);
glVertex2f(850.0,400.0);//table on ship1
glVertex2f(850.0,350.0);
glVertex2f(860.0,350.0);
glVertex2f(860.0,400.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);
glVertex2f(920.0,400.0);//2
glVertex2f(930.0,380.0);
glVertex2f(930.0,380.0);
glVertex2f(920.0,400.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);
glVertex2f(950.0,400.0);//3
glVertex2f(950.0,350.0);
glVertex2f(940.0,350.0);
glVertex2f(940.0,400.0);
glEnd();

glBegin(GL_POLYGON);
glColor3f(0.0,0.0,0.0);
glVertex2f(860.0,400.0);
glVertex2f(860.0,380.0);
glVertex2f(870.0,380.0);//4
glVertex2f(870.0,400.0);
glEnd();




glPopMatrix();
glPopMatrix();
}

////////////////////////////////////////////    bus/car function   //////////////////////////////////
void car()
{
glPushMatrix();


glTranslatef(g,0,0);

//glPushMatrix();
//glTranslatef(1820.0,1030.0,0.0);
//glutSolidSphere(1.0,200,200);
//glPopMatrix();

glBegin(GL_POLYGON);                  //  car
glColor3f(1.0,0.0,0.0);
glVertex2f(1800.0,1050.0);
glVertex2f(1950.0,1050.0);
glVertex2f(1950.0,1150.0);
glVertex2f(1800.0,1150.0);
glEnd();


glBegin(GL_POLYGON);                  //  car
glColor3f(0.0,0.0,0.0);
glVertex2f(1770.0,1030.0);
glVertex2f(1800.0,1050.0);
glVertex2f(1800.0,1150.0);
glVertex2f(1770.0,1130.0);
glEnd();


glBegin(GL_POLYGON);                  //  car
glColor3f(0.0,0.0,0.0);
glVertex2f(1770.0,1030.0);
glVertex2f(1930.0,1030.0);
glVertex2f(1950.0,1050.0);
glVertex2f(1800.0,1050.0);
glEnd();


    glBegin(GL_LINES);
glColor3f(0.0,0.0,0.0);
glVertex2f(1820.0,1080.0);
glVertex2f(1920.0,1080.0);
glVertex2f(1920.0,1080.0);
glVertex2f(1920.0,1110.0);
glVertex2f(1920.0,1110.0);             //carrier
glVertex2f(1820.0,1110.0);
glVertex2f(1820.0,1110.0);
glVertex2f(1820.0,1080.0);
glVertex2f(1840.0,1080.0);
glVertex2f(1840.0,1110.0);
glVertex2f(1860.0,1080.0);
glVertex2f(1860.0,1110.0);
glVertex2f(1880.0,1080.0);
glVertex2f(1880.0,1110.0);
glVertex2f(1900.0,1080.0);
glVertex2f(1900.0,1110.0);
glEnd();


glBegin(GL_LINES);
glColor3f(1.0,0.0,0.0);
glVertex2f(1780.0,1035.0);        //head lamp
glVertex2f(1780.0,1045.0);
glEnd();


glBegin(GL_LINES);
glColor3f(1.0,0.0,0.0);
glVertex2f(1780.0,1125.0);        //head lamp
glVertex2f(1780.0,1135.0);
glEnd();


glBegin(GL_LINES);
glColor3f(1.0,0.0,0.0);
glVertex2f(1790.0,1055.0);        //horn grill
glVertex2f(1790.0,1125.0);
glEnd();


glBegin(GL_LINES);
glColor3f(1.0,0.0,0.0);
glVertex2f(1800.0,1040.0);        //side window
glVertex2f(1928.0,1040.0);
glEnd();

glPopMatrix();
}


/////////////////////////////////////////////////// Pole Function  ///////////////////////////////

void poles()
{
glBegin(GL_POLYGON);                 //  left pole behind
glColor3f(0.0,0.0,0.0);
glVertex2f(30.0,1200.0);
glVertex2f(50.0,1200.0);
glVertex2f(50.0,1550.0);
glVertex2f(30.0,1550.0);
glEnd();



glBegin(GL_POLYGON);                  //  right pole behind
glColor3f(0.0,0.0,0.0);
glVertex2f(1725.0,1200.0);
glVertex2f(1745.0,1200.0);
glVertex2f(1745.0,1550.0);
glVertex2f(1725.0,1550.0);
glEnd();


  glBegin(GL_LINES);
glColor3f(0.0,0.0,0.0);
glVertex2f(1750.0,1400.0);
glVertex2f(900.0+k,900.0+n);    //right pole thread front
glVertex2f(1770.0,1400.0);
glVertex2f(900.0+k,880.0+n);
glEnd();

glBegin(GL_LINES);
glColor3f(0.0,0.0,0.0);
glVertex2f(20.0,1400.0);
glVertex2f(900.0-k,900.0+n);    //pole thread front
glVertex2f(0.0,1400.0);
glVertex2f(900.0-k,880.0+n);
glEnd();



glBegin(GL_POLYGON);                  //  left pole front
glColor3f(0.0,0.0,0.0);
glVertex2f(0.0,900.0);
glVertex2f(20.0,900.0);
glVertex2f(20.0,1400.0);
glVertex2f(0.0,1400.0);
glEnd();



glBegin(GL_POLYGON);                  //  right pole front
glColor3f(0.0,0.0,0.0);
glVertex2f(1750.0,900.0);
glVertex2f(1770.0,900.0);
glVertex2f(1770.0,1400.0);
glVertex2f(1750.0,1400.0);
glEnd();
}


/////////////////////////////// display function  ///////////////////////////

void display(void)
{

glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);
   sea();
   bridge();
   boat();
   car();
   poles();

glFlush();
glutSwapBuffers();
}


/////////////////////////////////   functio to animate bridge stripes   //////////////////////////////

void animate()
{
q=q-.5;
y=y+0.2;

i+=0.2;
if((i>=135) && (i<=439))
{ k=k+0.1;
n=n+0.1;
}
if(i>=1200 && !(k<=0 && n<=0))
{
k=k-0.1;
n=n-0.1;
}

if(k<=0)
g-=0.5;

glutPostRedisplay();
}





void myinit()
{
glClearColor(1.0,1.0,1.0,1.0);
glColor3f(1.0,1.0,1.0);
glPointSize(1.0);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluOrtho2D(0.0,2000.0,0.0,1600.0);
}



/////////////////////////////////// Menu function  ///////////////////////

void main_menu(int ch)
{
switch(ch)
{
case 1:glutIdleFunc(NULL);
   break;

case 2:glutIdleFunc(animate);
   break;

case 3:exit(0);
}

}


/////////////////////////////////   K/B function for changing boat color  //////////////////

void keyboard( unsigned char key, int x, int y )
{
    switch( key )
    {
    case 'r':m=1.0,j=0.0,o=0.0;
glutPostRedisplay();
break;

    case 'g':m=0.0,j=1.0,o=0.0;
     glutPostRedisplay();
          break;

case 'b':m=.80,j=.50,o=0.15;
             glutPostRedisplay();
             break;

case 'w':m=1.0,j=1.0,o=1.0;
     glutPostRedisplay();
break;

case 'm':m=1.0,j=.0,o=1.0;
glutPostRedisplay();
break;

case 'c':m=.0,j=1.0,o=1.0;
glutPostRedisplay();
break;

case 'y':m=.75,j=0.75,o=.75;
glutPostRedisplay();
break;

    };
}



int main(int argc,char **argv)
{
glutInit(&argc,argv);
glutInitDisplayMode(GLUT_DOUBLE|GLUT_RGB);
glutInitWindowSize(2000,1600);
glutInitWindowPosition(0,0);
glutCreateWindow("BRIDGE");

glutCreateMenu(main_menu);
glutAddMenuEntry("Stop Animation",1);
glutAddMenuEntry("Start Animation",2);


glutAddMenuEntry("Quit",3);
glutAttachMenu(GLUT_RIGHT_BUTTON);


glutKeyboardFunc(keyboard);
glutKeyboardFunc(keyboard);
printf("press 'r' to change the ship color to red\n");
printf("press 'g' to change the ship color to green\n");
printf("press 'b' to change the ship color to brown\n");
printf("press 'c' to change the ship color to cyan\n");
printf("press 'm' to change the ship color to majenta\n");
printf("press 'w' to change the ship color to white\n");
printf("press 'y' to change the ship color to light grey\n");
glutDisplayFunc(display);
myinit();
glClearColor (1.0, 1.0, 0.0, 1.0);
glutMainLoop();
        return 0;

}




Features

dalam animasi ini akan memiliki features diantaranya yaitu :

  • perahu : akan memiliki 7 efek perubahan warna animasi dan akan berjalan secara otomatis dengan event yang dilakukan dimouse.
  • jalan  : jalanan tepat ditengah jembatan akan ada animasi mengangkat jembatan sebagai jalan perahu
  • mobil : mobil akan berjalan otomatis
  • laut  : animasi laut akan berjalan otomatis bersamaan dijalankannya event mouse.


Event Yang Harus dilakukan :

  • tombol keyboard "R" merubah perahu menjadi merah.
  • tombol keyboard "G" merubah perahu menjadi hijau.
  • tombol keyboard "B" merubah perahu menjadi coklat.
  • tombol keybord "C" merubah perahu menjadi Cyan.
  • tombol keyboard "W" merubah perahu menjadi putih.
  • tombol keyboard "Y " merubah perahu menjadi hijau terang.
  • mouse (klik kanan) memberikan opsi animasi (start dan stop animasi).

demikian animasi yang saya bagikan kali ini semoga bermanfaat. dan ini adalah hasil akhir dari animasi yang kita buat tadi.



Reverensi



Daftar Isi Sumber
  1. https://cglabprojects.blogspot.com/2014/03/lift-over-bridge.html




No comments:

Post a Comment

Tingkat keanekaragaman hayati tingkat gen

Tingkat keanekaragaman hayati tingkat gen -- Keanekaragaman hayati adalah sebuah istilah untuk menggambarkan keanekaragaman mahluk hidup di ...