Cara Cara

untung99.homes: Tutorial Membuat Gambar Transformasi 2D Dengan OpenGL

falma.u99 , , , , , ,


Untung99 menawarkan beragam permainan yang menarik, termasuk slot online, poker, roulette, blackjack, dan taruhan olahraga langsung. Dengan koleksi permainan yang lengkap dan terus diperbarui, pemain memiliki banyak pilihan untuk menjaga kegembiraan mereka. Selain itu, Untung99 juga menyediakan bonus dan promosi menarik yang meningkatkan peluang kemenangan dan memberikan nilai tambah kepada pemain.

Berikut adalah artikel atau berita tentang Harian untung99.homes dengan judul untung99.homes: Tutorial Membuat Gambar Transformasi 2D Dengan OpenGL yang telah tayang di untung99.homes terimakasih telah menyimak. Bila ada masukan atau komplain mengenai artikel berikut silahkan hubungi email kami di koresponden@untung99.homes, Terimakasih.

Terimakasih karena sudah mau berkunjung ke blog ini, pada kesempatan ini kami dari kelompok 5 mata kuliah Grafika Komputer akan menulis tutorial membuat gambar transformasi 2D dengan openGL yang dirangkum dari beberapa sumber.

Sebelum masuk ke tutorial membuat gambar Transformasi 2D dengan OpenGL, ada beberapa hal yang perlu kalian ketahui tentang Transformasi dan OpenGL.

Pengertian Transformasi 2D

Transformasi dua dimensi adalah suatu model atau teknik memindahkan atau mengubah nilai posisi objek dalam sistem koordinat dua dimensi. pemindahan objek ini dapat diartikan sebagai pemindahan titik. Tujuan transformasi adalah :

  • ·         Merubah atau menyesuaikan komposisi tampilan objek.
  • ·         Memudahkan pembuatan objek simetris.
  • ·         Melihat objek dari sudut pandang yang berbeda.
  • ·         Memindahkan posisi objek dari satu titik ke titik lain.

Transformasi pada OpenGL bisa dilakukan pada objek 2D maupun 3D. Ada banyak cara untuk melakukan transformasi objek grafis, tapi beberapa cara transformasi yang  umum adalah :

  1. Translasi : objek dipindahkan ke lokasi baru tanpa mengubah bentuk, ukuran atau orientasinya. sintaks untuk mentranslasi obyek pada OpenGL : [glTranslatef (x, y, z)]. Contoh: jika ingin menggeser obyek sejauh 4 pada sumbu x dan -3 pada sumbu y, maka perintahnya adalah: glTranslated(4.0, -3.0, 0.0).
  2. Rotasi : objek dirotasi (diputar) terhadap titik tertentu tanpa mengubah bentuk dan ukurannya.  sintaks untuk mentranslasi obyek pada OpenGL : [glRotated (x, y, z)]. Contoh: jika ingin merotasi obyek sebesar 90 derajat pada sumbu x, maka perintahnya adalah: glRotated(90.0, 1, 0, 0).
  3. Scalling : objek diperbesar atau diperkecil. objek dapat diskalakan menggunakan faktor yang    sama baik secara horisontal maupun vertikal sehingga proporsinya tetap atau bisa menggunakan faktor yang berbeda yang akan menyebabkan objek tersebut menjadi lebih tinggi, lebih pendek, lebih tipis atau lebih tebal. Sintaks untuk mentranslasi obyek pada OpenGL : [glScaled (x, y, z)]. Contoh: jika ingin memperbesar obyek pada sumbu x sebesar 2 kali dan memperkecil obyek menjadi seperempatnya, maka perintahnya adalah: glScaled(2.0,0.25, 0.0).

Translasi dan rotasi disebut juga sebagai rigid body transformation yaitu transformasi yang hanya mengubah posisi objek, tanpa mengubah bentuknya.

OpenGL adalah suatu spesifikasi grafik yang low-level yang yang menyediakan fungsi untuk pembuatan grafik primitif termasuk termasuk titik, garis dan lingkaran. OpenGL digunakan untuk keperluan-keperluan pemrograman grafis. OpenGL bersifat Open-Source, multi-platform dan multi-language serta digunakan mendefinisikan suatu objek, baik objek 2 dimensi maupun objek 3 dimensi. OpenGL juga merupakan suatu antarmuka pemrograman aplikasi Application Programing Interface (API) yang tidak tergantung pada piranti dan platform yang digunakan, sehingga OpenGL dapat berjalan pada sistem operasi Windows, UNIX dan sistem operasi lainnya.

GLUT (GL Utility Toolkit) Merupakan pengembangan dari OpenGL yang didesain untuk aplikasi dengan level kecil hingga menengah dan menggunakan callback functions untuk menambahkan interaksi dari user. Untuk pemrograman OpenGL menggunakan C++, diperlukan tambahan library tambahan yaitu: 

  • Glut.h
  • Glut32.lib
  • Libglut32.dll
Baik tanpa panjang lebar kita langsung saja mulai cara membuat gambar transformasi 2D dengan OpenGL.  Pertama install OpenGL dulu agar bisa digunakan. Disini kami menggunakan Compiler Dev C++, soalnya kalo Turbo C++  atau Borland C++ lebih rumit penginstallannya.
Buat yang belum tau cara install OpenGL atau belum menginstall nya bisa lihat disini

Struktur dasar Pemrograman Grafika menggunakan OpenGL.

//Memanggil Library
#include  //Untuk windows

#include   //GLUT, termasuk glu.h dan gl.h

                                     // Catatan: GLglut.h path tergantung pada sistem yang digunakan

void mydisplay()     //merupakan method yang digunakan untuk membuat sebuah persegi

    glClear(GL_COLOR_BUFFER_BIT); // Menghapus layar

    glBegin(GL_POLYGON);     // merupakan sintaks untuk memulai membuat gambar Poligon / segi empat

    glVertex2f(-0.5, -0.5);            //2f maksudnya tipe titik nya(.) bisa berada di nilai positif & negatif atau decimal

    glVertex2f(-0.5, 0.5);  // vertex2f merupakan sintaks untuk memberikan titik pada gambar 2 dimensi dengan koordinat x dan y

    glEnd();     // merupakan sintaks penutup

    glFlush();   // Mengirim semua output ke layar/memastikan gambar bisa di eksekusi

int main(int argc, char** argv)    //merupakan method utama untuk mengeksekusi keseluruhan program

    printf(“Hello World… Ini adalah Kotak 2D”); //merupakan sintaks untuk menampilkan teks di console

    glutCreateWindow(“Contoh 1 – Miqdad Abdurrohman”); //merupakan sintaks untuk membuat dan menampilkan                                                                                  window

    glutDisplayFunc(mydisplay);  //merupakan sintaks untuk memanggil method mydisplay

    glutMainLoop();  //merupakan sintaks untuk me-looping atau mengulang fungsi/method main

Hasil nya akan seperti ini.

Untuk menyatakan titik tersebut OpenGL menyediakan fungsi glVertex yang didahului dan diakhiri dengan glBegin dan glEnd:

               glBegin(GL_POINTS);           /* Ingin menggambar titik */           

               glVertex3f(2.0, 0.0, 4.0);        /* menyatakan sejumlah titik */

               glVertex3f(3.0, -4.0, -2.0);

               glEnd();                                  /* Akhir dari menggambar titik */

#include
#include

void mydisplay()
{
  glClear(GL_COLOR_BUFFER_BIT);
  glPointSize(5.0f); // mengatur besar titik
  glColor3f(1.0f,0.0f,0.0f);  // mengatur warna titik
  glBegin(GL_POINTS);
    glVertex3f(0.25,0.25,0.0); // ‘titik’ posisi titik yang ingin dibuat
    glVertex3f(0.50,0.50,0.0);
  glEnd();
  glFlush();
}









int main(int argc, char** argv)
{
    printf(“Hai Semua… Ini adalah Kotak 2D”);
    glutCreateWindow(“Contoh 2- Usaid Mubarok”);
    glutDisplayFunc(mydisplay);
    glutMainLoop();




}

Hasil nya seperti ini.

Membuat Garis
Fungsi glBegin memberitahu kepada OpenGL bahwa kita akan mulai menggambar sekaligus menyatakan apa yang akan digambar, yaitu dengan memberikan parameter GL_Lines. Fungsi glEnd menyatakan pembuatan gambar diakhiri. menggambar suatu garis, pada glBegin diberi parameter GL_LINES. Dengan ini pasangan-pasangan glVertex akan membentuk garis. Bila glVertex tidak memiliki pasangan maka perintah tersebut diabaikan (tidak akan menggambar titik).

               glBegin(GL_LINES);                        /* mulai menggambar garis */

               glVertex3f(6.0, 4.0, 2.0);                   /* garis pertama, pasangan glVertex */

               glVertex3f(2.0, -4.0, 3.3);

               glVertex3f(5.0, 8.0, 8.0);                   /* garis ke dua */

               glVertex3f(-4.7, 5.0, -3.0);

               glVertex3f(0.0, 0.0, 0.0);                   /* garis ke tiga */

               glVertex3f(6.0, -1.0, -7.0);

  glClear(GL_COLOR_BUFFER_BIT);

  glColor3f(1.0f,0.0f,0.0f);                     // mengatur warna titik

    glBegin(GL_LINES);                        // mulai menggambar garis //

    glVertex3f(6.0, 4.0, 2.0);                   // garis pertama, pasangan glVertex //

    glVertex3f(2.0, -4.0, 3.3);

    glVertex3f(5.0, 8.0, 8.0);                   // garis ke dua //

    glVertex3f(-4.7, 5.0, -3.0);

    glVertex3f(0.0, 0.0, 0.0);                   // garis ke tiga //

    glVertex3f(6.0, -1.0, -7.0);

int main(int argc, char** argv)

    printf(“Hai Semua… Ini adalah Kotak 2D”);

    glutCreateWindow(“Contoh 3 – Wahyu Rahmana”);

    glutDisplayFunc(mydisplay);

Hasil nya seperti ini.

Membuat Segitiga

Untuk menggambar suatu bangun, OpenGL memiliki 6 macam bangun
primitif, yaitu :

GL_TRIANGLES                :
setiap 3 glVertex membentuk segitiga, dan tiap segitiga saling lepas.
GL_TRIANGLE_STRIP     : setiap 3 glVertex
membentuk segitiga, dan semua segitiga saling terkait
GL_TRIANGLE_FAN        : membentuk
beberapa segitiga yang berpusat pada satu titik (seperti kipas)
GL_QUADS                        : tiap 4 glVertex membentuk segi
empat
GL_QUAD_STRIP             : tiap 4 glVertex membentuk segi empat, dan semuanya saling
menempel
GL_POLYGON.                  : n glVertex akan membentuk bidang bersisi n




Contoh di bawah ini adalah menggambar segitiga
biasa.

Contoh kode :

#include     //merupakan library yang digunakan untuk operasi input output

       glClear(GL_COLOR_BUFFER_BIT);

int main(int argc, char** argv)

   printf(“Hai Semua… Ini adalah Kotak 2D”);

       glutCreateWindow(“Contoh 4 – Miqdad Abdurrohman”);

       glutDisplayFunc(mydisplay);

Hasil nya seperti ini.

Nah itu dia beberapa
fungsi dasar untuk membuat suatu objek, masih banyak fungsi yang lain seperty
polygon,dll. Hal itu bisa dijelajahi dengan membuka situs openGL. Source code
diatas hanya sebagai contoh, nilai yang terdapat pada glVertex dan glColor bisa
diganti untuk mendapatkan hasil yang berbeda.

Setelah mempelajari dasar-dasar membuat objek dengan OpenGL, sekarang kalian sudah bisa membuat gambar 2D nya. Seperti contoh di bawah ini yang menggunakan GL_POLYGON dan GL_LINES saja.

Contoh kode:

    // Set display window color to as glClearColor(R,G,B,Alpha)

    glClearColor(0.5, 1.0, 0.0, 0.0);

    // Set projection parameters.

    glMatrixMode(GL_PROJECTION);

    // Set 2D Transformation as gluOrtho2D(Min Width, Max Width, Min Height, Max Height)

   // Mendefinisikan besarnya sistem koordinat dengan
range sumbu x adalah [0,800] Dan range untuk sumbu y adalah [0,600].

    gluOrtho2D(0.0, 800, 0.0, 600);

    glClear(GL_COLOR_BUFFER_BIT);     // Clear display window

    // Set line segment color as glColor3f(R,G,B)

    glColor3f(0.0, 0.5, 1.0);

    glVertex2i(150, 560);  // glVertex2i Yaitu suatu fungsi untuk menggambar titik pada koordinat x dan y, dengan nilai satuan berupa integer.

    glColor3f(1.0, 1.0, 0.0);

    glColor3f(0.1, 0.7, 0.5);

    glColor3f(1.0, 1.0, 0.0);

    glColor3f(0.1, 0.7, 0.5);

    glColor3f(1.0, 1.0, 0.0);

    glColor3f(0.1, 0.7, 0.5);

    glColor3f(1.0, 1.0, 0.0);

    glColor3f(0.1, 0.7, 0.5);

    glColor3f(1.0, 1.0, 0.0);

    glColor3f(0.1, 0.7, 0.5);

    glColor3f(1.0, 1.0, 0.0);

    glColor3f(0.1, 0.7, 0.5);

    glColor3f(1.0, 1.0, 0.0);

     glColor3f(1.0, 1.0, 0.0);

    glColor3f(0.1, 0.7, 0.5);

    glColor3f(0.1, 0.7, 0.5);

    glColor3f(0.7, 0.2, 0.9);

    glColor3f(0.3, 0.7, 0.9);

    glColor3f(0.3, 0.5, 0.7);

int main(int argc, char ** argv)

    // Mengatur mode tampilan

    glutInitDisplayMode(GLUT_SINGLE