MODUL II

Primitive Objects
A. KOMPETENSI DASAR
Memahami jenis-jenis primitive objects.
Memahami dan dapat membuat objek primitive

B. DASAR TEORI
1. Sistem Koordinat OpenGL

640

(100,100)

480
2. Fungsi gluOrtho2D(left,right,bottom,top) gluOrtho2D(-320,320,-240,240)

240

-320 320

-240

3. Fungsi dasar menggambar titik  glVertex?()

a. glVertex2i(x,y)  Menggambar titik pada koordinat x dan y, dengan nilai satuan berupa
integer. Contoh glVertex2i(10,10);
b. glVertex2f(x,y)  Menggambar titik pada koordinat x dan y, dengan nilai satuan berupa
float. Contoh glVertex2f(10.0,10.0);
c. glVertex2d(x,y)  Menggambar titik pada koordinat x dan y, dengan nilai satuan berupa
double. Contoh glVertex2d(10.0,10.0);
4. Objek Primitif
a. Titik  GL_POINTS
b. Garis  GL_LINES
c. Poliline  GL_LINE_STRIP
d. Poligon (no fill)  GL_LINE_LOOP
E. AKTIVITAS KELAS PRAKTIKUM
1. Berikut adalah script dasar untuk kegiatan praktikum selanjutnya

2. Buatlah project baru dan tambahkan fungsi callback untuk glutDisplayFunc(drawDot);.

dari nilai x0, x1, x2 dan y0, y1, y2 dengan nilai integer bebas tapi tetap dalam kanvas.
Jelaskan Proses Rendering primitive object GL_POINTS pada bangun anda berupa ilustrasi
gambar!
Eksekusi program dan tampilkan berupa screenshoot

3. tambahkan fungsi glPointSize(int size); untuk mengubah ukuran objek Points. Pindah-
pindahkan glPointSize pada a,b, dan c.
glPointSize pada bagaian a

glPointSize eror tidak dapat di run

glPointSize pada bagaian b

glPointSize berhasil di run dan saya memakai size 10

 glPointSize pada bagaian c

glPointSize berhasil di run tapi tidak dibaca oleh oleh void sehingga ukurannya kembali semula
4. tambahkan fungsi callback untuk glutDisplayFunc(drawLine); . Beri nilai x0, x1, x2 dan
y0, y1, y2 dengan nilai integer bebas tapi tetap dalam kanvas. Jelaskan Proses Rendering
primitive object GL_LINES pada bangun anda berupa ilustrasi gambar!
Eksekusi program dan tampilkan berupa screenshoot

5. tambahkan fungsi glLineWidth(int size); untuk mengubah ukuran objek LINES. Pindah-
pindahkan glLineWidth pada a,b, dan c.
glLineWidth pada bagaian a

glLineWidth berhasil di run dan saya memakai size 10

 glLineWidth pada bagaian b

glLineWidth berhasil di run tapi tidak dibaca oleh void sehingga ukurannya kembali semula
glLineWidth pada bagaian c

glLineWidth berhasil di run tapi sama seperti bagaian b tidak dibaca oleh void
6. Buatlah project baru dan Beri nilai x0, x1, x2, x3 dan y0, y1, y2, y3 dengan nilai integer
bebas tapi tetap dalam kanvas dan menghasilkan tampilan bangun simetris terbuka. Jelaskan
proses rendering vertex untuk GL_LINE_STRIP pada bangun anda berupa ilustrasi gambar.
Eksekusi program dan tampilkan berupa screenshoot

GL_LINE_STRIP menghubungkan garis dari nilai glVertex2i pertama sampai glVertex2i ketiga
7. Buatlah project baru dan Beri nilai x0, x1, x2, x3 dan y0, y1, y2, y3 dengan nilai integer
bebas tapi tetap dalam kanvas dan menghasilkan tampilan bangun simetris tertutup.
Jelaskan proses rendering vertex untuk GL_LINE_LOOP pada bangun anda berupa ilustrasi
gambar.
Eksekusi program dan tampilkan berupa screenshoot

GL_LINE_LOOP menghubungkan garis dari titik glVertex2i pertama sampai glVertex2i ketiga dan
kembali lagi ke glVertex2i pertama sehingga garisnya menyambung
8. . Buatlah project baru dan Beri nilai x0, x1, x2, x3,x4,x5 dan y0, y1, y2, y3,y4,y5 dengan
nilai integer bebas tapi tetap dalam kanvas dan menghasilkan tampilan 2 segitiga yang
terpisah. Jelaskan proses rendering GL_TRIANGLES pada bangun anda berupa ilustrasi
gambar
Eksekusi program dan tampilkan berupa screenshoot

Program diatas menggunakan fungsi gl_triangles, menggunakan titik 3 dan berentuk segitiga dan
hasilnya dapat dilihat seperti pada gambar diatas.
9. Buatlah project baru dan Beri nilai x0, x1, x2, x3,x4,x5 dan y0, y1, y2, y3,y4,y5 dengan nilai
integer bebas tapi tetap dalam kanvas dan menghasilkan tampilan Bangun Bebas. Jelaskan
proses rendering GL_TRIANGLE_STRIP pada bangun anda berupa ilustrasi gambar.
Eksekusi program dan tampilkan berupa screenshoot

Program diatas menggunakan fungsi triangle strip , yang fungsinya membentuk bangun lain yang
terdiri dari beberapa segitiga. Seperti pada contoh diatas, tetap menggunakan koordinat seperti pada
program sebelumnya, kemudian secara otomatis dengan fungsi triangle strip maka terbentuklah
trapesium sejajar yang terdiri dari 2 segitiga.

10. Buatlah project baru dan Beri nilai x0, x1, x2, x3,x4,x5 dan y0, y1, y2, y3,y4,y5 dengan
nilai integer bebas tapi tetap dalam kanvas dan menghasilkan tampilan Bangun Bebas.
Jelaskan proses rendering GL_TRIANGLE_FAN pada bangun anda berupa ilustrasi
gambar.
Eksekusi program dan tampilkan berupa screenshoot

Pada program diatas menggunakan fungsi triangle fan, berfungsi membentuk segitiga menjadi
bentuk menyerupai baling kipas, sesuai dengan koordinat yang diinginkan. Tidak hanya dapat
berbentuk seperti diatas, tetapi juga dapat dibentuk kebawah tentu dengan koordinta yang tepat agar
dapat terbentuk seperti baling kipas
11. Buatlah project baru dan Beri nilai x0 – x6 dan y0 – y6 dengan nilai integer bebas tapi
tetap dalam kanvas dan menghasilkan tampilan 2 Bangun Segi Empat Terpisah. Sajikan
screenshotnya. Dan jelaskan proses rendering vertexnya.
Eksekusi program dan tampilkan berupa screenshoot

Pada program diatas menggunakan fungsi quads untuk membuat kotak. Pada program diatas
menggunakan 8 titik koordinat (16 vertex) untuk dapat membentuk 2 buah kotak seperti pada
gambar

12. Buatlah project baru dan Beri nilai x0 – x5 dan y0 – y5 dengan nilai integer bebas tapi
tetap dalam kanvas dan menghasilkan tampilan Bangun Bebas. Jelaskan proses rendering
GL_QUAD_STRIP pada bangun anda berupa ilustrasi gambar.
Eksekusi program dan tampilkan berupa screenshoot
Program diatas menggunakan fungsi quads_strip untuk dapat membuat kotak namun dengan bentuk
yang bebas, yang artinya bentuk dasar kotak namun dengan koordinat yang ditentukan dapat
membentuk gambar lain , seperti pada gambar diatas dapat membentuk sebuah layang- layang
dengan koordinat yang telah ditentukan sesuai keinginan, tidak hanya layang- layang, namun
bentuk lainnya dapat dibentuk tergantung dari koordinat yang dipakai. Tidak hanya
menghubungkan garis secara horizontal maupun vertical , tetapi juga menghubungkan secara
diagonal.

13. Buatlah project baru pada Visual Studio dengan nama prak1-Poligon. Beri nilai x0 – x7
dan y0 – y7 dengan nilai integer bebas tapi tetap dalam kanvas dan menghasilkan tampilan
Bangun Bebas. Jelaskan proses rendering GL_POLYGON pada bangun anda berupa
ilustrasi gambar.
Eksekusi program dan tampilkan berupa screenshoot

Program diatas menggunakan fungsi polygon. Dari koordinat yang digunakan untuk program diatas
dapat membentuk sebuah layang-layang dan kotak dengan 8 koordinat(16 vetex).