OpenGL basic #part5 Quad_Strip. mudah belajar openGL

E. QUAD_STRIP

      Quad strip adalah sebuah penggambaran sebuah vertex(titik) membentuk segi empat . artinya quad strip ini setiap 4 vertex membentuk segi 4 dan semuanya saling berhubungan.

ngomong-ngomong tau gak sih segi empat itu apa?
kalau tidak tahu baiklah akan saya jawab ? segi empat adalah bentuk gambar yang memiliki salah satu sisi sejajar sama panjang. artinya apabila gambar itu dilipat maka akan membentuk salah satu sisi yang sama persis.
dan berikut ini adalah contoh bangun-bangun segi empat.

contoh segi empat
(ukurandansatuan.com)

sekarang mari kita tinggalkan belajar matematikanya. kita lanjut lagi menggambar dengan openGL. dalam hal ini fungsi dari Quad strip adalah untuk menggambar bentuk-bentuk seperti gambar yang ada diatas. adapun contoh yang akan kita buat adalah sebagai berikut.

example
(https://iubatians.blogspot.co.id/2015/06/c-opengl-09-draw-quads-strip.html)

untuk memulai pemrogramannya mari kita mulai langkah-langkahnya :
         * pastikan codeblock sudah terseting glut openGL. berikut adalah caranya  klick
         * buka codeblock kemudian pilih file > projek > pilih glut openGl
         * hapus kode default bawaan codeblock
         * copy contoh.

berikut ini adalah contoh pemrograman yang akan dibuat  :

#include <GL/glut.h>
#include<math.h>
#include <stdlib.h>

void Draw() {
glClear(GL_COLOR_BUFFER_BIT);
glColor3d(255,0,0);
glBegin(GL_QUAD_STRIP);
    glVertex2f(-4.0,-2.0);
    glVertex2f(-4.0,2.0);
    glVertex2f(-2.0,-2.0);
    glVertex2f(-2.0,2.0);
    glVertex2f(6.0,-6.0);
    glVertex2f(6.0,6.0);
glEnd();
glFlush();
}


void Initialize() {
glClearColor(0, 0, 0, 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(300, 300);
glutInitWindowPosition(250, 250);
glutCreateWindow("Quad strip");
Initialize();
glutDisplayFunc(Draw);
glutMainLoop();
return EXIT_SUCCESS;
}

setelah semua selesai dibuat maka hasil akhir dari kode diatas adalah sebagai berikut.

untuk mengimplementasikan koding tersebut seperti gamabar diatas berikut ini adalah penggalan kodenya :

glBegin(GL_QUAD_STRIP);
    glVertex2f(-4.0,-2.0);
    glVertex2f(-4.0,2.0);
    glVertex2f(-2.0,-2.0);
    glVertex2f(-2.0,2.0);
    glVertex2f(6.0,-6.0);
    glVertex2f(6.0,6.0);
glEnd();

untuk membuat sebuah gambar pasti akan diawali dengan deklarasi titik yang akan dibuat itu apa. dalam hal ini adalah Quad strip. kemudian tentukan semua titiknya satu persatu dari gambar yang disediakan di pang atas.

demikian tutorial kali ini lanjut ke tutorial selanjutnya.

                                                         daftar pustaka

1. https://iubatians.blogspot.co.id/2015/06/c-opengl-09-draw-quads-strip.html
2. http://ukurandansatuan.com

                          

Dasar OpenGL

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

Example

1. cara install codeblock openGL
2. kode warna OpenGL
3. titik pada opengl
4. menggambar objek pertama kali
5. mengenal "GL_lines"
6. mengenal "GL_triangels"
7. mengenal "triangels_strip"
8. mengenal "quad_strip"
9. mengenal "Line_strip"
10. mengenal "line_loop"
11. mengenal "GL_quad"
12. mengenal "GL_polygon"
13. mengenal "triangle_fan"

 

Contoh Projek 3D lainnya.

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

projek OpenGL 3D

1. Membuat projek Parkiran Mobil
2. Membuat Game Animasi Rumah
3. Membuat Projek Kotak Berputar
4. Membuat projek Pensil
5. Membuat projek Hujan
6. Membuat Animasi Teko
7. Membuat Animasi Mobil
8. Lampion Merah
9. Membuat Animasi Robot
10. Membuat Animasi Perahu Layar
11. Membuat projek Bola Memantul
12. Membuat Projek Sepeda
13. Membuat Projek planet bumi berotasi
14. Membuat Projek Tatasurya
15. Membuat Projek Pohon
16. Membuat Boneka Sawah
17. Membuat Projek Anak Anjing berjalan
18. Membuat Projek Boneka Dambo
19. Membuat Projek Boneka 
20. Membuat Projek Mobil
21. Membuat Projek Kipas Angin
22. Membuat projek RUmah
23. membuat Projek Sendok

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

contoh Projek 2D

1. Projek Game Anak Panah
2. projek Pesawat menabrak gedung
3. projek jembatan penyebrangan
4. projek trafic signal
5. projek double kotak
6. projek pemandangan pantai
7. projek daun
8. projek animasi jam
9. projek animasi baling-baling
10. projek animasi ikan diaquarium
11. projek rumah
12. projek kotak warna warni

OpenGL Basic #part4 Triangle strip, mudah belajar openGL

D. Triangle Strip

     pada dasarnya triangle strip digunakan untuk menggambar serangkaian segitiga terhubung. karena segitiganya terhubung kita tidak perlu berulang kali menentukan semua tiga titik simpul (vertex).

perhatikan gambar berikut ini :

untuk membuat segitiga yang diatas kita hanya perlu menentukan 7 simpul titik (vertex) saja untuk menggambarnya.
              * simpul v1,v2,v3 menarik simpul segitiga pertama.
              *  simpul v2,v3,v4 menarik simpul  segitiga ke dua.
              * simpul v3,v4,v5 menarik simpul segitiga ke tiga.
              * simpul v4,v6,v5 menarik simpul segitiga ke empat dan seterusnya.

perhatikan gambar berikut ini.

kali ini kita akan coba menerapkan koding angka-angka tersebut pada sourcode dibawah ini :
sebelum melakukan semua itu perhatikan langkah2 berikut ini :
             *  buka code block kemudian  pilih file.... pilih projek dan pilih openGL GLUT
             *  pastikan seting dlu codeblocknya.. caranya lihat disini.
             *  hapus kode default yang ada
             * ganti kode yang dihapus dengan kode berikut ini :

#include <GL/glut.h>
void Tampilan (void)
{
glClear(GL_COLOR_BUFFER_BIT);
//Gambar segitiga sama sisi berwarna biru
glColor3f(0,0,1);
glBegin(GL_TRIANGLE_STRIP);
glVertex2f(-0.25, -0.25);
glVertex2f(0.0, 0.25);
glVertex2f(0.25, -0.25);
glVertex2f(0.5, 0.25);
glVertex2f(0.75, -0.25);
glVertex2f(1.0, 0.25);
glEnd();
glFlush();
glutSwapBuffers();
}
int main(int argc, char **argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DEPTH | GLUT_SINGLE | GLUT_RGBA);
glutInitWindowPosition(400,100);
glutInitWindowSize(500,300);
glutCreateWindow("Gambar 2");
glutDisplayFunc(Tampilan);
glutMainLoop();
}

dan berikut ini adalah hasil dari kode diatas :

yang perlu diperhatikan adalah kode gambar berikut ini :

glBegin(GL_TRIANGLE_STRIP);
glVertex2f(-0.25, -0.25);
glVertex2f(0.0, 0.25);
glVertex2f(0.25, -0.25);
glVertex2f(0.5, 0.25);
glVertex2f(0.75, -0.25);
glVertex2f(1.0, 0.25);
glEnd();

disini adalah titik-titik yang ditentukan dalam gambar tersebut. demikian semoga bermanfaat

Dasar OpenGL

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

Example

1. cara install codeblock openGL
2. kode warna OpenGL
3. titik pada opengl
4. menggambar objek pertama kali
5. mengenal "GL_lines"
6. mengenal "GL_triangels"
7. mengenal "triangels_strip"
8. mengenal "quad_strip"
9. mengenal "Line_strip"
10. mengenal "line_loop"
11. mengenal "GL_quad"
12. mengenal "GL_polygon"
13. mengenal "triangle_fan"

 

Contoh Projek 3D lainnya.

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

projek OpenGL 3D

1. Membuat projek Parkiran Mobil
2. Membuat Game Animasi Rumah
3. Membuat Projek Kotak Berputar
4. Membuat projek Pensil
5. Membuat projek Hujan
6. Membuat Animasi Teko
7. Membuat Animasi Mobil
8. Lampion Merah
9. Membuat Animasi Robot
10. Membuat Animasi Perahu Layar
11. Membuat projek Bola Memantul
12. Membuat Projek Sepeda
13. Membuat Projek planet bumi berotasi
14. Membuat Projek Tatasurya
15. Membuat Projek Pohon
16. Membuat Boneka Sawah
17. Membuat Projek Anak Anjing berjalan
18. Membuat Projek Boneka Dambo
19. Membuat Projek Boneka 
20. Membuat Projek Mobil
21. Membuat Projek Kipas Angin
22. Membuat projek RUmah
23. membuat Projek Sendok

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

contoh Projek 2D

1. Projek Game Anak Panah
2. projek Pesawat menabrak gedung
3. projek jembatan penyebrangan
4. projek trafic signal
5. projek double kotak
6. projek pemandangan pantai
7. projek daun
8. projek animasi jam
9. projek animasi baling-baling
10. projek animasi ikan diaquarium
11. projek rumah
12. projek kotak warna warni

Basic openGL#part 3 GL_TRIANGLES membuat segitiga

3. GL_TRIANGLES

      pada prinsipnya GL_TRIANGLES digunakan untuk menggambar dalam bentuk segitiga.
karena ini menggambar dalam bentuk segitiga maka kita membutuhkan 3 Vertex(titik penggambaran) untuk disambungkan dengan 3 titik tersebut.

berikut ini adalah cara menggunakan contoh dibawah ini:
     1. buka Codeblock kemudian new file kemudian pilih projek..
     2. muncul menu yang bergambar glut kemudian klik
     3. setlah projek berhasil dibuat hapus kode default bawaan codeblock lalu copy kode dibawah ini.

#include <GL/glut.h>

void Tampilan (void)
{
glClear(GL_COLOR_BUFFER_BIT);
//Gambar segitiga sama sisi berwarna biru
glColor3f(1,0,1);
glBegin(GL_TRIANGLES);
glVertex2f(-0.4,-0.9);
glVertex2f(0.4,-0.9);
glVertex2f(0.0,-0.1);
glEnd();
glFlush();
glutSwapBuffers();
}
int main(int argc, char **argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DEPTH | GLUT_SINGLE | GLUT_RGBA);
glutInitWindowPosition(400,100);
glutInitWindowSize(300,300);
glutCreateWindow("Segi Tiga");
glutDisplayFunc(Tampilan);
glutMainLoop();
}

                                                                      sumber sourcode:
                    ( https://duniagrafisku.wordpress.com/2012/11/07/opengl-membuat-segitiga/ )


perhatikan kode berikut ini :

     glBegin(GL_TRIANGLES);
     glVertex2f(-0.4,-0.9);
     glVertex2f(0.4,-0.9);
     glVertex2f(0.0,-0.1);
    glEnd();

kode tersebut adalah kode untuk membuat segitiga dengan menggunakan GL_TRIANGLE kemudian mempunyai 3 vertex untuk menghubungkan antar titiknya.

adapun hasil dari contoh diatas adalah sebagai berikut :

 demikian sedikit penjelasan dari program diatas semoga bermanfaat bagi pemula yang hendak belajar openGL.

   daftar sumber 

1.  https://duniagrafisku.wordpress.com/2012/11/07/opengl-membuat-segitiga/

                          

Dasar OpenGL

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

Example

1. cara install codeblock openGL
2. kode warna OpenGL
3. titik pada opengl
4. menggambar objek pertama kali
5. mengenal "GL_lines"
6. mengenal "GL_triangels"
7. mengenal "triangels_strip"
8. mengenal "quad_strip"
9. mengenal "Line_strip"
10. mengenal "line_loop"
11. mengenal "GL_quad"
12. mengenal "GL_polygon"
13. mengenal "triangle_fan"

 

Contoh Projek 3D lainnya.

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

projek OpenGL 3D

1. Membuat projek Parkiran Mobil
2. Membuat Game Animasi Rumah
3. Membuat Projek Kotak Berputar
4. Membuat projek Pensil
5. Membuat projek Hujan
6. Membuat Animasi Teko
7. Membuat Animasi Mobil
8. Lampion Merah
9. Membuat Animasi Robot
10. Membuat Animasi Perahu Layar
11. Membuat projek Bola Memantul
12. Membuat Projek Sepeda
13. Membuat Projek planet bumi berotasi
14. Membuat Projek Tatasurya
15. Membuat Projek Pohon
16. Membuat Boneka Sawah
17. Membuat Projek Anak Anjing berjalan
18. Membuat Projek Boneka Dambo
19. Membuat Projek Boneka 
20. Membuat Projek Mobil
21. Membuat Projek Kipas Angin
22. Membuat projek RUmah
23. membuat Projek Sendok

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

contoh Projek 2D

1. Projek Game Anak Panah
2. projek Pesawat menabrak gedung
3. projek jembatan penyebrangan
4. projek trafic signal
5. projek double kotak
6. projek pemandangan pantai
7. projek daun
8. projek animasi jam
9. projek animasi baling-baling
10. projek animasi ikan diaquarium
11. projek rumah
12. projek kotak warna warni

Dasar OpenGL

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

Example

1. cara install codeblock openGL
2. kode warna OpenGL
3. titik pada opengl
4. menggambar objek pertama kali
5. mengenal "GL_lines"
6. mengenal "GL_triangels"
7. mengenal "triangels_strip"
8. mengenal "quad_strip"
9. mengenal "Line_strip"
10. mengenal "line_loop"
11. mengenal "GL_quad"
12. mengenal "GL_polygon"
13. mengenal "triangle_fan"

 

Contoh Projek 3D lainnya.

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

projek OpenGL 3D

1. Membuat projek Parkiran Mobil
2. Membuat Game Animasi Rumah
3. Membuat Projek Kotak Berputar
4. Membuat projek Pensil
5. Membuat projek Hujan
6. Membuat Animasi Teko
7. Membuat Animasi Mobil
8. Lampion Merah
9. Membuat Animasi Robot
10. Membuat Animasi Perahu Layar
11. Membuat projek Bola Memantul
12. Membuat Projek Sepeda
13. Membuat Projek planet bumi berotasi
14. Membuat Projek Tatasurya
15. Membuat Projek Pohon
16. Membuat Boneka Sawah
17. Membuat Projek Anak Anjing berjalan
18. Membuat Projek Boneka Dambo
19. Membuat Projek Boneka 
20. Membuat Projek Mobil
21. Membuat Projek Kipas Angin
22. Membuat projek RUmah
23. membuat Projek Sendok

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

contoh Projek 2D

1. Projek Game Anak Panah
2. projek Pesawat menabrak gedung
3. projek jembatan penyebrangan
4. projek trafic signal
5. projek double kotak
6. projek pemandangan pantai
7. projek daun
8. projek animasi jam
9. projek animasi baling-baling
10. projek animasi ikan diaquarium
11. projek rumah
12. projek kotak warna warni

OpenGL#part2 GL_LINES menggambar garis pada openGL

A. GL_LINES

       pada dasarnya GL_LINES digunakan untuk menghubungkan antar titik menjadi sebuah garis.
garis dibuat dengan menentukan dua end point atau posisi titik awal dan akhir dari suatu garis yang kemudian peralatan output membuat garis sesuai posisi titik-titik tersebut.

contoh kita akan membuat gambar seperti garis berikut ini :

untuk sourcodenya dapat dilihat dibawah ini untuk mencobanya.
adapun cara untuk menggunakannya adalah :

1. buka codeblock ,kemudian pilih file > new projek > pilih Glut
2. hapus kode default bawaan codeblock
3. copy program dibawah ini kedalam projekmu.

#include <GL/glut.h>
#include <math.h>
void display(void)
{
glClearColor (0.0f, 0.0f, 0.0f, 0.0f);
glClear (GL_COLOR_BUFFER_BIT);

glPushMatrix ();
glClearColor(1,1,1,0);
glColor3f(1,1,1); //
glBegin(GL_LINES);
glVertex3f(0,0,0.0);
glVertex3f(0.10,10.0,13.13);
glEnd ();
glFlush();
}

int main(int argc, char **argv)
{
glutInit(&argc, argv);
glutCreateWindow("GARIS");
glutDisplayFunc(display);
glutMainLoop();
return 0;
}

perhatikan kode berikut ini :

glBegin(GL_LINES);
glVertex3f(0,0,0.0);
glVertex3f(0.10,10.0,13.13);
glEnd ();

kode tersebut adalah kode untuk menggambar sebuah garis. dalam openGL untuk menggambar itu selalu diawali dengan kata glBegin kemudian diakhiri dengan glEnd. dan ditengah-tengahnya adalah kode yang digunakan untuk menggambar garis tersebut.


demikian sedikit pengetahuan dari saya. semoga bermanfaat. selanjutnya saya akan bahan primitif yang lainnya dalam openGL.

Dasar OpenGL

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

Example

1. cara install codeblock openGL
2. kode warna OpenGL
3. titik pada opengl
4. menggambar objek pertama kali
5. mengenal "GL_lines"
6. mengenal "GL_triangels"
7. mengenal "triangels_strip"
8. mengenal "quad_strip"
9. mengenal "Line_strip"
10. mengenal "line_loop"
11. mengenal "GL_quad"
12. mengenal "GL_polygon"
13. mengenal "triangle_fan"

 

Contoh Projek 3D lainnya.

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

projek OpenGL 3D

1. Membuat projek Parkiran Mobil
2. Membuat Game Animasi Rumah
3. Membuat Projek Kotak Berputar
4. Membuat projek Pensil
5. Membuat projek Hujan
6. Membuat Animasi Teko
7. Membuat Animasi Mobil
8. Lampion Merah
9. Membuat Animasi Robot
10. Membuat Animasi Perahu Layar
11. Membuat projek Bola Memantul
12. Membuat Projek Sepeda
13. Membuat Projek planet bumi berotasi
14. Membuat Projek Tatasurya
15. Membuat Projek Pohon
16. Membuat Boneka Sawah
17. Membuat Projek Anak Anjing berjalan
18. Membuat Projek Boneka Dambo
19. Membuat Projek Boneka 
20. Membuat Projek Mobil
21. Membuat Projek Kipas Angin
22. Membuat projek RUmah
23. membuat Projek Sendok

 Contoh Projek 2D openGL

Baca juga Animasi 2D untuk projek openGL lainnya dibawah ini

contoh Projek 2D

1. Projek Game Anak Panah
2. projek Pesawat menabrak gedung
3. projek jembatan penyebrangan
4. projek trafic signal
5. projek double kotak
6. projek pemandangan pantai
7. projek daun
8. projek animasi jam
9. projek animasi baling-baling
10. projek animasi ikan diaquarium
11. projek rumah
12. projek kotak warna warni

OpenGL- make propeller 2D in opnGL GLUT CodeBlock

     Pada Projek OpenGL mini kali ini anda akan membuat Sebuah baling-baling berwarna dengan OpenGL dimana baling baling tersebut dapat berputar dengan sendirinya. projek ini dibuat bedasarkan contoh yang ada diinternet kemudian diimplementasikan kedalam projek yang anda buat. adapun projek yang anda buat akan menghasilkan hasil akhir seperti didalam video  berikut ini :

Untuk bisa membuat projek seperti diatas anda harus menyiapkan beberapa hal dalam penyetingan di komoputer anda yang berkaitan dengan openGL. diantaranya yaitu :

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.

silahkan copy contoh program dibawah ini ke projek yang anda buat. adapun sourcode yang akan anda coba adalah sebagai berikut.

#include <stdlib.h>
#include <gl/glut.h>

int x=0, y=0;
void Draw()
{
   glBegin(GL_TRIANGLES);
   glClear(GL_COLOR_BUFFER_BIT);
   glVertex2i(-50, 100);
   glColor3f(0,0,1);
   glVertex2i(50, 100);
   glColor3f(0,1,0);
   glVertex2i(0, 0);
   glColor3f(0,0,1);
   glVertex2i(0, 0);
   glVertex2i(-50, -100);
   glVertex2i(50, -100);
   glEnd();
   glFlush();
}
void display(void)
{
   glClear(GL_COLOR_BUFFER_BIT);
   glPushMatrix();
   glRotatef( x, 0, 0, 1);
   Draw();
   glPopMatrix();
   glPushMatrix();
   glRotatef( y, 0, 0, 1);
   Draw();
   glPopMatrix();
   glFlush();

}

void timer(int value)
{
   //tuliskan varibel yang berubah nilainya disini
   x +=15;
   y -=15;
   glutPostRedisplay();
   glutTimerFunc(500,timer,10);
}
int main(int argc, char **argv)
{
   glutInit(&argc, argv);
   glutInitDisplayMode(GLUT_DEPTH | GLUT_SINGLE | GLUT_RGBA);
   glutInitWindowPosition(100,100);
   glutInitWindowSize(400,400);

   glutCreateWindow("baing-baling");
   gluOrtho2D(-320.,320.,-320.,320.);
   glutDisplayFunc(display);
   glutTimerFunc(500, timer, 10);
   glutMainLoop();
}

Features

Featur yang ada di projek OpenGL yang anda buat adalah sebagai berikut :

• projek akan dibuat dengan segitiga dengan warna biru kemudian akan dirotasikan supaya terlihat berputar

Event Control

Didalam projek yang anda buat kali ini tidak ada event kontrol yang berkaitan dangan mouse ataupun keyboard dikarenakan projek akan berjalan otomatis berputar dengan sendirinya. 

Projek OpenGL dengan C++ ini semoga dapat membantu anda-anda semua yang sedang mempelajari openGL. adapaun hasil akhir dari animasi ini adalah seperti foto dibawah ini. 

demikian semoga bermanfaat bagi anda-anda semua yang sedang belajar openGL dengan C++ dan codeblock. semoga bermanfaat dan dapat dimanfaatkan dengan sebaik-baiknya.

1. http://ispandi.blogspot.co.id/2015/04/hhgg.html