Tuesday 7 November 2017

OpenGL #part10 Triangle Fan(segitiga fan) belajar openGL mudah dengan codeblock C++


J. GL_TRIANGLE_FAN

pada umumnya triangle fan digunakan untuk membuat gambar dengan 1 vertex sebagai titik tumpuan.

perhatikan gambar dibawah ini :


pada gambar diatas kita akan membuat segitiga seperti kipas. sistem ini menggunakan simpul v2,v3 dan v1  untuk menarik segitiga pertama. v3,v4 dan v1 untuk menarik segitiga ke dua dan seterusnya hingga terbentuk segitiga sepeerti kipas tersebut.

untuk menggambar ini berikut ini adalah contohnya.
pertama-tama yang harus dilakukan adalah...
           *install code block dan setting dengan openGL
           * buka code block > file > new projek > pilih openglGLUT
           * hapus kode default bawaan codeblock
           * copy kode dibawah ini


#include<windows.h>
#ifdef __APPLE__
#include <GLUT/glut.h>
#else
#include <GL/glut.h>
#endif
#include<math.h>
#include <stdlib.h>

void Draw() {
glClear(GL_COLOR_BUFFER_BIT);
glColor3d(1,0,0);
glBegin(GL_TRIANGLE_FAN);
    glVertex2f(0.0,0.0);
    glVertex2f(2.0,3.0);
glVertex2f(3.0,2.0);
    glVertex2f(3.50,.50);
    glVertex2f(3.0,-1.0);
    glVertex2f(2.0,-2.0);
glEnd();
glFlush();
}


void Initialize() {
glClearColor(0, 255, 243, 0.5);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(-10.0, 10.0, -10.0, 10.0, -10.0, 10.0);
}
int main(int iArgc, char** cppArgv) {
glutInit(&iArgc, cppArgv);
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
glutInitWindowSize(476, 477);
glutInitWindowPosition(250, 250);
glutCreateWindow("Triangle Fan");
Initialize();
glutDisplayFunc(Draw);
glutMainLoop();
return EXIT_SUCCESS;
}



berikut ini adalah hasil dari kode diatas jika berhasil dijalankan.


perhatikan kode penggalan berikut ini :

     glBegin(GL_TRIANGLE_FAN);
    glVertex2f(0.0,0.0);
    glVertex2f(2.0,3.0);
glVertex2f(3.0,2.0);
    glVertex2f(3.50,.50);
    glVertex2f(3.0,-1.0);
    glVertex2f(2.0,-2.0);
glEnd();
kode diatas adalah kode untuk membuat sebuah triangle fan. diawali dengan deklarasi untuk memberitahu opengl untuk membuat triangle fan. kemudian diikuti tiap titik vertek yang kan dibuat di masing -masing titiknya.

demikian semoga bermanfaat.







                          

Dasar OpenGL

Baca juga Dasar Dari OpenGL dibawah ini jika kalian ingin menekuninya.

 

Contoh Projek 3D lainnya.


Baca Juga Projek OpenGL dengan C++ Lainnya  dibawah ini :

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

Monday 6 November 2017

OpenGL #part9 GL_POLYGON mudah belajar openGL codeblock C++

I. GL_POLYGON

     polygon biasanya digunakan untuk menggambar suatu gambar dengan segi banyak.


berikut ini adalah langkah-langkah untuk mempraktekannya.
        * setting opengl pada codeblock terlebih dahulu
        * buka codeblock > file > new projek > pilih glut opengl
        * hapus kode default bawaan codeblock
        * copy kode dibawh ini untuk menggambar poligon tersebut.


#include <stdio.h>
#include <stdlib.h>
#include <string.h>
#include <stdarg.h>
#include <GL/glut.h>

void mydisplay(){
    glClear(GL_COLOR_BUFFER_BIT);

 glBegin(GL_POLYGON);
  glColor3f(0, 1, 1);
  glVertex2f(-0.5, -0.5);
  glVertex2f(-0.75, 0);
  glVertex2f(-0.5, 0.5);
  glVertex2f(0, 0.75);
  glVertex2f(0.5, 0.5);
  glVertex2f(0.75, 0);
  glVertex2f(0.5, -0.5);
  glVertex2f(0,-0.75);
 glEnd();
 glFlush();
}
int main(int argc, char** argv){
 glutCreateWindow("Polygon Segi Delapan coded by KokoySitiKomariah");
 glutDisplayFunc(mydisplay);
 glutMainLoop();
}





berikut ini adalah hasil code diatas jika dijalankan :


perhatikan kode berikut ini :

 glBegin(GL_POLYGON);
  glColor3f(0, 1, 1);
  glVertex2f(-0.5, -0.5);
  glVertex2f(-0.75, 0);
  glVertex2f(-0.5, 0.5);
  glVertex2f(0, 0.75);
  glVertex2f(0.5, 0.5);
  glVertex2f(0.75, 0);
  glVertex2f(0.5, -0.5);
  glVertex2f(0,-0.75);
 glEnd();

kode diatas adalah kode gambar untuk menggambar poligon tersebut. yang terdiri dari banyak vertex untuk menggambarnya.

demikian sedikit tutorialnya semoga bermanfaat .

Daftar pustaka
  1. http://23213310kokoysitikomariah.blogspot.co.id/2014/06/opengl-tutorial-normal-0-false-false.html




                          

Dasar OpenGL

Baca juga Dasar Dari OpenGL dibawah ini jika kalian ingin menekuninya.

 

Contoh Projek 3D lainnya.


Baca Juga Projek OpenGL dengan C++ Lainnya  dibawah ini :

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

Sunday 5 November 2017

OpenGl #part8 GL_QUAD mudah belajar openGL dengan codeBlock C++

H. GL_QUADS

      Quad dalam opengl adalah menggambar objek dengan 4 buah vertex membentuk segi empat.

perhatikan gambar dibawah ini :


dari gambar diatas kita dapat simpulkan kita akan membuat sebuah segi empat dengan 4 vertex.

untuk membuat programnya ikuti langkah-langkah dibawah ini :
         * seting codeblock dengan openGL
         * buka codeblock
         * pilih file > projek > openGL Glut
         * kemudian hapus kode default bawaan codeblock ganti dengan koding dibawah ini :



#include <GL/glut.h>

void display()
{
    glClear( GL_COLOR_BUFFER_BIT );

    glMatrixMode( GL_PROJECTION );
    glLoadIdentity();

    glMatrixMode( GL_MODELVIEW );
    glLoadIdentity();

    glColor3f( 0, 0, 1 );
    glBegin(GL_QUADS);//start drawing a line loop
      glVertex2f(-0.5,0.5);//left of window
      glVertex2f(0.5,0.5);//bottom of window
      glVertex2f(0.5,-0.5);//right of window
      glVertex2f(-0.5,-0.5);//top of window
    glEnd();//end drawing of line loop

    glutSwapBuffers();
}

int main( int argc, char **argv )
{
    glutInit( &argc, argv );
    glutInitDisplayMode( GLUT_RGBA | GLUT_DOUBLE );
    glutInitWindowSize( 400, 400 );
    glutCreateWindow( "QUAD" );
    glutDisplayFunc( display );
    glutMainLoop();
    return 0;
}



bila kode diatas dijalankan maka akan menghasilkan projek seperti dibawah ini


perhatikan baris kode dibawah ini :

glBegin(GL_QUADS);//start drawing a QUAD
      glVertex2f(-0.5,0.5);//left of window
      glVertex2f(0.5,0.5);//bottom of window
      glVertex2f(0.5,-0.5);//right of window
      glVertex2f(-0.5,-0.5);//top of window
    glEnd();

kode diatas adalah sebuah kode untuk membuat Quad dalam openGL. ditandai dengan awalan QUAD yang berada di dalam kurung kemudian diakhiri dengan glEnd. diantara tengah-tengan begin dan end terdapat 4 buah vertex yang menggambar setiap titik pada opengl tersebut.


Daftar Pustaka
  1. https://www.youtube.com/watch?v=4qECwne-CD8




Dasar OpenGL

Baca juga Dasar Dari OpenGL dibawah ini jika kalian ingin menekuninya.

 

Contoh Projek 3D lainnya.


Baca Juga Projek OpenGL dengan C++ Lainnya  dibawah ini :

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

Saturday 4 November 2017

OpenGL #part7 LINE_LOOP dengan Codeblock C++

G. LINE_LOOP

     line loop pada dasarnya digunakan untuk menggambar garis yang saling terhubung. artinya line loop digunakan untuk membuat garis dan menghubungkannya dengan garis lainnya dan garis terakhir terhubung dengan garis pertama.


untuk mencobanya gl_line_loop ini silahkan ikuti perintah dibawah ini :

      * seting codeblock dengan openGL terlebih dahulu
      * buka codeblock
      * pilih file > projek > dan pilih glut openGL
      * hapus semua sourcode default kemudian ganti dengan kode dibawah ini :

#include <GL/glut.h>

void display()
{
    glClear( GL_COLOR_BUFFER_BIT );

    glMatrixMode( GL_PROJECTION );
    glLoadIdentity();

    glMatrixMode( GL_MODELVIEW );
    glLoadIdentity();

    glColor3f( 0, 0, 1 );
    glBegin(GL_LINE_LOOP);//start drawing a line loop
      glVertex2f(-1.0,0.0);//left of window
      glVertex2f(0.0,-1.0);//bottom of window
      glVertex2f(1.0,0.0);//right of window
      glVertex2f(0.0,1.0);//top of window
    glEnd();//end drawing of line loop

    glutSwapBuffers();
}

int main( int argc, char **argv )
{
    glutInit( &argc, argv );
    glutInitDisplayMode( GLUT_RGBA | GLUT_DOUBLE );
    glutInitWindowSize( 400, 400 );
    glutCreateWindow( "GL lines" );
    glutDisplayFunc( display );
    glutMainLoop();
    return 0;
}




ketika program diatas dijalankan dan berhasil maka akan menghasilkan tampilan seperti dibawah ini :


adapun kode yang menggambarkan garis-garis tersebut adalah sebagai berikut :

       glBegin(GL_LINE_LOOP);//start drawing a line loop
               glVertex2f(-1.0,0.0);//left of window
               glVertex2f(0.0,-1.0);//bottom of window
               glVertex2f(1.0,0.0);//right of window
               glVertex2f(0.0,1.0);//top of window
       glEnd();//end drawing of line loop

demikian semoga bermanfaat dan dapat dimengerti.

Daftar Pustaka
  1. https://en.wikibooks.org/wiki/OpenGL_Programming/GLStart/Tut3




                          

Dasar OpenGL

Baca juga Dasar Dari OpenGL dibawah ini jika kalian ingin menekuninya.

 

Contoh Projek 3D lainnya.


Baca Juga Projek OpenGL dengan C++ Lainnya  dibawah ini :

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

Wednesday 1 November 2017

openGL #part6 LINE_STRIP belajar mudah openGL codeblock

F. LINE_STRIP


         line strip pada dasarnya adalah untuk menggambar suatu garis yang menyambung dengan setiap titik ujung garis menyambung membentuk garis selanjutnya kemudian titik lainnya menyambung lagi  garis di ujungnya. ini biasanya digunakan untuk menggambar animasi game berupa rumput.

image lines
(https://iubatians.blogspot.co.id)

Perhatikan gambar diatas. LINE_STRIP akan menghasilkan garis saling terhubung ujungnya.

Untuk menerapkan penerapannya seperti apa dikoding berikut ini adalah contoh untuk penerapannya:
           * seting codeblock dengan library openGL
           * buka codeblock > pilih file > new projek > pilih opengl GLUT
           * hapus kode default bawaan codeblock
           * ganti dengan koding berikut ini :
   

#include <GL/glut.h>

void display()
{
    glClear( GL_COLOR_BUFFER_BIT );

    glMatrixMode( GL_PROJECTION );
    glLoadIdentity();
    glOrtho( -6, 6, -6, 6, -1, 1);

    glMatrixMode( GL_MODELVIEW );
    glLoadIdentity();

    glColor3f( 0, 0, 1 );
    glBegin(GL_LINE_STRIP);
    glVertex2f(-4.00, 0.00);
    glVertex2f(-3.00, 2.00);
    glVertex2f(-2.00, 0.00);
    glVertex2f(-1.00, 2.00);
    glVertex2f(0.0, 0.00);
    glVertex2f(1.00, 2.00);
    glVertex2f(2.00, 0.00);
    glVertex2f(3.00, 2.00);
    glVertex2f(4.00, 0.00);
    glEnd();

    glutSwapBuffers();
}

int main( int argc, char **argv )
{
    glutInit( &argc, argv );
    glutInitDisplayMode( GLUT_RGBA | GLUT_DOUBLE );
    glutInitWindowSize( 400, 400 );
    glutCreateWindow( "GL lines" );
    glutDisplayFunc( display );
    glutMainLoop();
    return 0;
}




jika hasil koding tersebut di compile maka akan menghasilkan keluaran layar seperti ini.



perhatikan kode berikut ini :

 glBegin(GL_LINE_STRIP);
    glVertex2f(-4.00, 0.00);
    glVertex2f(-3.00, 2.00);
    glVertex2f(-2.00, 0.00);
    glVertex2f(-1.00, 2.00);
    glVertex2f(0.0, 0.00);
    glVertex2f(1.00, 2.00);
    glVertex2f(2.00, 0.00);
    glVertex2f(3.00, 2.00);
    glVertex2f(4.00, 0.00);
    glEnd();

kode diatas adalah kode dimana setiap garis ditentukan titiknya. untuk menentukan titiknya dapat dilihat pada gambar bergaris-garis diatas caranya.

demikian semoga bermanfaat dan berguna bagi teman-teman yang lagi belajar openGL.

Daftar pustaka
  1. https://iubatians.blogspot.co.id/2015/06/c-opengl-05-draw-lines-strip.html
  2. https://stackoverflow.com/questions/17554669/how-to-draw-connected-strip-lines-in-opengl-like-this




                          

Dasar OpenGL

Baca juga Dasar Dari OpenGL dibawah ini jika kalian ingin menekuninya.

 

Contoh Projek 3D lainnya.


Baca Juga Projek OpenGL dengan C++ Lainnya  dibawah ini :

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

Tingkat keanekaragaman hayati tingkat gen

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