OBJEK 2 DIMENSI

Disusun untuk memenuhi Matakuliah Praktikum Grafika Komputer

Dibimbing oleh Bpk. Ahmad Mursyidun Nidhom
.

Oleh :

Fitriyah (140533601394)

Intan Nurlaila (140533602086)

UNIVERSITAS NEGERI MALANG

FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
PRODI PENDIDIKAN TEKNIK INFORMATIKA
FEBRUARI 2016
 Praktikum 3

OBJEK 2 DIMENSI

TUGAS PRAKTIKUM

1. Buatlah inisialisasi nama anda menggunakan objek 2 dimensi, minimal 3

karakter!

 Kode program

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

void display(){
glClear( GL_COLOR_BUFFER_BIT);//membersihkan bidang gambar

glPointSize(10);
glLineWidth(5);

glBegin(GL_POLYGON); // huruf F
glColor3f(1.0,0.0,1.0);
glVertex2f(-0.8,0.7);
glVertex2f(-0.7,0.7);
glVertex2f(-0.7,0.2);
glVertex2f(-0.8,0.2);
glEnd();

glBegin(GL_POLYGON);
glVertex2f(-0.7,0.7);
glColor3f(0.0,0.5,1.0);
glVertex2f(-0.7,0.6);
glVertex2f(-0.4,0.6);
glVertex2f(-0.4,0.7);
glEnd();

glBegin(GL_POLYGON);
glVertex2f(-0.7,0.5);
glColor3f(1.0,1.5,0.0);
glVertex2f(-0.7,0.4);
glVertex2f(-0.4,0.4);
glVertex2f(-0.4,0.5);
glEnd();

glBegin(GL_POLYGON); //huruf N
glVertex2f(-0.2,0.7);
glColor3f(0.5,1.0,0.0);
glVertex2f(-0.1,0.7);
glColor3f(1.0,0.0,1.0);
 glVertex2f(-0.1,0.2);//
glVertex2f(-0.2,0.2);
glEnd();

glBegin(GL_POLYGON);
glVertex2f(-0.1,0.7);
glColor3f(1.0,0.0,0.5);
glVertex2f(-0.1,0.6);
glVertex2f(0.3,0.2);
glVertex2f(0.3,0.3);
glEnd();

glBegin(GL_POLYGON);
glVertex2f(0.3,0.7);
glColor3f(0.0,0.5,1.0);
glVertex2f(0.4,0.7);
glColor3f(1.0,0.0,0.0);
glVertex2f(0.4,0.2);
glVertex2f(0.3,0.2);
glEnd();

glBegin(GL_POLYGON);// huruf I
glColor3f(0.0,0.5,1.0);
glVertex2f(0.6,0.7);
glVertex2f(0.7,0.7);
glColor3f(1.0,0.0,1.0);
glVertex2f(0.7,0.2);
glVertex2f(0.6,0.2);

glEnd();
glFlush();

void init(){
glClearColor(0.0, 0.0, 0.0, 0.0);//definisiin warna clear
atau background

glMatrixMode(GL_PROJECTION);

glLoadIdentity ();

gluOrtho2D(-1.0,1.0,-1.0,1.0);//MENENTUKAN UKURAN KANVAS

// k k b a
glMatrixMode(GL_MODELVIEW);
}

int main(int argc, char **argv){

glutInit(&argc,argv);
glutInitWindowSize(400,400);
glutInitWindowPosition(200,100);//jarak windows dari tepi
monitor

glutCreateWindow("Nama Panggilan Saya Adalah");

glutDisplayFunc(display);
init();
glutMainLoop();//mulai render
}
 Screenshoot hasil

 Penjelasan

Pada tugas praktikum 1 ini membuat sebuah program untuk nama

inisial. Progrm ini membuat inisial nama Fitriyah (F) dan (N) Intan (I).
Pembuatan program ini menggunakan gabungan dari beberapa
POLYGON sehingga membentuk sebuah huruf dengan titik koordinat
yang telah disesuaikan berdasarkan huruf yang akan dibuat.
Header file merupakan satu jenis pengarah preprocessor yang
digunakan untuk membaca file yang dinamakan file judul
#include<glut.h> file header ini mengandung semua arahan bagi open
GL Utility Kit. glClear(GL_COLOR_BUFFER_BIT); berfungsi untuk
membersihkan atau menghapus layar.
glBegin(GL_POLYGON); digunakan untuk membuat poligon yang
titik koordinatnya bisa lebih dari 4. glVertex2f(-0.8,0.7);berfungsi
untuk menunjukkan koordinat dalam dua dimensi (x,y) (-0.8, 0.7) -0.8
merupakan titik x dan 0.7 titik y. glColor3f(1.0,0.0,1.0); perintah ini
berfungsi untuk memberi warna. Untuk membuat huruf F membutuhkan
3 buah poligon, huruf N membutuhkan 3 poligon dan huruf I
membutuhkan hanya satu poligon. Setiap poligon pada program ini diberi
beberapa glColor untuk menampilkan gradasi warna. Pada setiap poligon
diakhiri dengan sintaks glEnd(); yang berfungsi mengakhiri setiap titik
poligon. gluOrtho2D(-1.0,1.0,-1.0,1.0) berfungsi untuk membagi
 bidang menjadi 2 bagian x dan y. glutDisplayFunc(display) berfungsi
untuk memanggil fungsi display.

2. Buatlah objek lingkaran yang memiliki gradasi fill warna!

 Kode program
#include <stdlib.h>
#include <glut.h>
#include <windows.h>
#include <math.h>

const double PI = 3.141592653589793;

int i, radius, jumlah_titik,x_tengah,y_tengah;

void Draw(){
glClear(GL_COLOR_BUFFER_BIT); //membersihkan bidang
gambar

glBegin(GL_POLYGON);
radius=40;
jumlah_titik=360;
x_tengah=50;
y_tengah=50;

for (i=-90;i<=360;i++) {
glColor3f(1.0,1.0,0.0);
float sudut=i*(2*PI/jumlah_titik);
float x=x_tengah+radius*cos(sudut);
float y=y_tengah+radius*sin(sudut);
glVertex2f(x/100,y/100);
}

for (i=0;i<=360;i++) {
glColor3f(0.0,0.0,0.0);
float sudut=i*(2*PI/jumlah_titik);
float x=x_tengah+radius*cos(sudut);
float y=y_tengah+radius*sin(sudut);
glVertex2f(x/100,y/100);
}
glEnd();
glFlush();
}

void Initialize(){
glClearColor(0.0, 0.0, 0.0, 0.0);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(0.0, 1.0, 0.0, 1.0, -1.0, 1.0);
}

int main(int argc, char **argv)

{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
glutInitWindowSize(250,250);
 glutInitWindowPosition(200,200);
glutCreateWindow("Lingkaran GLUT");
Initialize();
glutDisplayFunc(Draw);
glutMainLoop();//enter the event-processing loop
return 0;
}

 Screenshoot hasil

 Penjelasan
Pada tugas praktikum 2 membuat sebuah lingkaran dengan gradasi
warna. Dalam program ini, perlu untuk mendeklarasikan variabel terlebih
dahulu, terutama karena untuk membuat lingkaran diperlukan rumus
perhitungan matematika.
Selain menggunakan header glut.h, digunakan header math.h. PI
merupakan nilai yang konstan, sehingga pendeklarasiannya menggunakan
const double PI = 3.141592653589793; Selain PI variabel yang perlu
di deklarasikan adalah int i, radius, jumlah_titik,

x_tengah,y_tengah; Membuat objek lingkaran menggunakan polygon ,

kemudian menentukan nilai dari radius, jumlh_titik, x_tengah dan
y_tengah. Karena lingkaran merupakan bangun yang berputar 360 derajat,
maka jumlah_titik=360.
Fungsi perulangan for digunakan untuk membuat lingkaran dengan
beberapa rumus seperti:
float sudut=i*(2*PI/jumlah_titik);
 float x=x_tengah+radius*cos(sudut);
float y=y_tengah+radius*sin(sudut);dan
glVertex2f (x/100,y/100);tersebut.
Kemudian untuk memberi warna digunakan glColor3f sesuai
dengan yang diinginkan. Pada lingakaran ini menggunakan 2 kali
perulangan untuk menghasilkan gradasi warna. Pada perulangan pertama
diberi warna kuning atau glColor3f(1.0,1.0,0.0) dan pada perulanagan
kedua diberi warna hitam atau. glColor3f(0.0,0.0,0.0).Untuk memberi
warna background dengan glClearColor(0.0, 0.0, 0.0, 0.0).

Pengaturan ukuran dan letak window menggunakan glutInitWindowSize

dan glutInitwWindowPosition. Untuk membentuk objek diawali dengan
glBegin() dan harus diakhiri dengan glEnd().

3. Buatlah bentuk bintang dengan warna pelangi!

 Kode program

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

void renderScene(void){
glClear(GL_COLOR_BUFFER_BIT); //membersihkan bidang
gambar
glBegin(GL_TRIANGLES);
glColor3f(1.0,1.0,0.0);
glVertex3f(-0.1f, -0.1f, 0.0f);
glVertex3f(-0.3f, -0.12f, 0.0f);
glVertex3f(-0.1f, -0.36f, 0.0f);
glEnd();

glBegin(GL_QUADS);
glColor3f(1.0,1.0,1.0);
glVertex3f(0.1f, -0.1f, 0.0f);
glVertex3f(-0.1f, -0.1f, 0.0f);
glVertex3f(-0.16f, -0.4f, 0.0f);
glVertex3f(0.16f, -0.4f, 0.0f);
glEnd();
glBegin(GL_TRIANGLES);
glColor3f(1.0,0.0,0.0);
glVertex3f(0.0f, 0.1f, 0.0f);
glVertex3f(-0.1f, -0.1f, 0.0f);
glVertex3f(0.1f, -0.1f, 0.0f);

glBegin(GL_TRIANGLES);
glColor3f(0.0,1.0,0.0);
glVertex3f(-0.14f, -0.3f, 0.0f);
 glVertex3f(-0.22f, -0.55f, 0.0f);
glVertex3f(0.0f, -0.4f, 0.0f);

glBegin(GL_TRIANGLES);
glColor3f(0.0,0.0,1.0);
glVertex3f(0.0f, -0.4f, 0.0f);
glVertex3f(0.22f, -0.55f, 0.0f);
glVertex3f(0.14f, -0.3f, 0.0f);

glBegin(GL_TRIANGLES);
glColor3f(1.0,0.0,1.0);
glVertex3f(0.14f, -0.3f, 0.0f);
glVertex3f(0.3f, -0.12f, 0.0f);
glVertex3f(0.1f, -0.1f, 0.0f);
glEnd();

glFlush();
}

int main(int argc, char **argv)

{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
glutInitWindowSize(300,300);
glutInitWindowPosition(100,100);
glutCreateWindow("BINTANG");
glutDisplayFunc(renderScene);
glutMainLoop();//enter the event-processing loop
return 0;
}
 Screenshoot hasil
  Penjelasan

Pada tugas 3 ini membuat sebuah program bintang pelangi yang

masing-masing sudutnya mempunyai warna yang berbeda. Langkah awal
dalam membuat program bintang pelangi dua dimensi pada code program
diatas adalah membuat objek terlebih dahulu dengan menentukan ukuran
letak setiap koordinat. Pada program ini menggunakan fungsi GL_QUADS
dan GL_TRIANGLES untuk membentuk koordinat pada bintang.
Kemudian untuk tampilan seperti pemberian warna suatu objek, dapat
menggunakan fungsi glcolor(). Dan melakukan render dengan looping
seperti yang tertera pada fungsi renderScene di atas.
Pada GL_TRIANGLES pertama glColor3f(1.0,1.0,0.0); yang
berwana kuning memiliki 3 titik koordinat. GL_QUADS dengan warna
glColor3f(1.0,1.0,1.0); memiliki 4 titik koordinat. GL_TRIANGLES
kedua dengan warna merah glColor3f(1.0,0.0,0.0); memiliki 3 titik
koordinat. GL_TRIANGLES ketiga dengan warna hijau
glColor3f(0.0,1.0,0.0);memiliki 3 titik koordinat. GL_TRIANGLES
keempat dengan warna biru glColor3f(0.0,0.0,1.0); memiliki 3 titik
koordinat. GL_TRIANGLES kelima dengan warna magenta
glColor3f(1.0,0.0,1.0); memiliki 3 titik koordinat. Terdapat fungsi
glutMainLoop (); yang digunakan untuk menjalankan program dan semua
fungsi sebelumnya akan berpengaruh setelah fungsi dieksekusi.

4. Buatlah bentuk robot sesuai kreatifitas anda!

 Kode program

#include <stdlib.h>
#include <glut.h>
void init()
{
glClearColor(0.78, 0.80, 0.5, 1.0);
glColor3f(1.0, 1.0, 1.0);
glMatrixMode (GL_PROJECTION);
glLoadIdentity();
 glOrtho(-1.3, 1.3, -1.3, 1.3, -1.3, 1.3 );
}
void mydisplay()
{
glClear(GL_COLOR_BUFFER_BIT);
//kepala
glBegin(GL_POLYGON);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(-0.2, 0.9);
glVertex2f(-0.2, 0.6);
glVertex2f(0.2, 0.6);
glVertex2f(0.2, 0.9);
glEnd();;

//mata kiri
glBegin(GL_POLYGON);
glColor3f(0.0, 0.0, 0.0); // hitam
glVertex2f(-0.15, 0.82);
glVertex2f(-0.15, 0.75);
glVertex2f(-0.05, 0.75);
glVertex2f(-0.05, 0.82);
glEnd();

//mata kanan
glBegin(GL_POLYGON);
glColor3f(0.0, 0.0, 0.0); // hitam
glVertex2f(0.15, 0.82);
glVertex2f(0.15, 0.75);
glVertex2f(0.05, 0.75);
glVertex2f(0.05, 0.82);
glEnd();

//alis kanan
glBegin(GL_POLYGON);
glColor3f(0.0, 0.0, 0.0); // hitam
glVertex2f(0.15, 0.85);
glVertex2f(0.15, 0.87);
glVertex2f(0.05, 0.87);
glVertex2f(0.05, 0.85);
glEnd();

//alis kiri
glBegin(GL_POLYGON);
glColor3f(0.0, 0.0, 0.0); // hitam
glVertex2f(-0.15, 0.85);
glVertex2f(-0.15, 0.87);
glVertex2f(-0.05, 0.87);
glVertex2f(-0.05, 0.85);
glEnd();

//mulut
glBegin(GL_POLYGON);
glColor3f(1.0, 0.0, 0.0); //merah
glVertex2f(-0.05, 0.65);
glVertex2f(-0.05, 0.67);
glVertex2f(0.05, 0.67);
glVertex2f(0.05, 0.65);
glEnd();
glBegin(GL_POLYGON);
glColor3f(1.0, 0.0, 0.0); //merah
glVertex2f(-0.05, 0.65);
glVertex2f(-0.05, 0.70);
glVertex2f(-0.04, 0.70);
glVertex2f(-0.04, 0.65);
glEnd();
glBegin(GL_POLYGON);
glColor3f(1.0, 0.0, 0.0); //merah
glVertex2f(0.05, 0.65);
glVertex2f(0.05, 0.70);
glVertex2f(0.06, 0.70);
glVertex2f(0.06, 0.65);
glEnd();

//Rambut kanan
glBegin(GL_POLYGON);
glColor3f(0.0, 0.0, 0.0);
glVertex2f(0.20, 0.9);
glVertex2f(0.20, 0.6);
glVertex2f(0.25, 0.6);
glVertex2f(0.25, 0.9);
glEnd();

//rambut kiri
glBegin(GL_POLYGON);
glColor3f(0.0, 0.0, 0.0);
glVertex2f(-0.20, 0.9);
glVertex2f(-0.20, 0.6);
glVertex2f(-0.25, 0.6);
glVertex2f(-0.25, 0.9);
glEnd();

//rambut atas
glBegin(GL_POLYGON);
glColor3f(0.0, 0.0, 0.0);
glVertex2f(-0.25, 0.9);
glVertex2f(-0.25, 0.95);
glVertex2f(-0.23, 1.0);
glVertex2f(0.23, 1.0);
glVertex2f(0.25, 0.95);
glVertex2f(0.25, 0.9);
glEnd();

//leher
glBegin(GL_POLYGON);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(-0.07, 0.60);
glVertex2f(-0.07, 0.55);
glVertex2f(0.07, 0.55);
glVertex2f(0.07, 0.60);
glEnd();

//lengan kiri
glBegin(GL_POLYGON);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(-0.15, 0.55);
glVertex2f(-0.15, 0.45);
glVertex2f(-0.40, 0.45);
glVertex2f(-0.40, 0.55);
glEnd();
glBegin(GL_POLYGON);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(-0.40, 0.77);
glVertex2f(-0.40, 0.55);
glVertex2f(-0.30, 0.55);
glVertex2f(-0.30, 0.77);
glEnd();

//lengan kanan
glBegin(GL_POLYGON);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(0.15, 0.55);
glVertex2f(0.15, 0.45);
glVertex2f(0.40, 0.45);
glVertex2f(0.40, 0.55);
glEnd();
glBegin(GL_POLYGON);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(0.40, 0.45);
glVertex2f(0.40, 0.20);
glVertex2f(0.30, 0.20);
glVertex2f(0.30, 0.45);
glEnd();

//badan
glBegin(GL_POLYGON);
glColor3f(0.00, 0.00, 0.55); //dongker
glVertex2f(-0.15, 0.25);
glVertex2f(-0.20, 0.55);
glVertex2f(0.20, 0.55);
glVertex2f(0.15, 0.25);
glEnd();

//segitiga baju
glBegin(GL_TRIANGLES);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(-0.07, 0.55);
glVertex2f(0, 0.45);
glVertex2f(0.07, 0.55);
glEnd();

//telapak kiri
glBegin(GL_POLYGON);
glColor3f(0.55, 0.00, 0.0); //dark red
glVertex2f(-0.50, 0.70);
glVertex2f(-0.50, 0.77);
glVertex2f(-0.40, 0.77);
glVertex2f(-0.40, 0.70);
glEnd();

//telapak kanan
glBegin(GL_POLYGON);
glColor3f(0.55, 0.00, 0.0); //dark red
glVertex2f(0.50, 0.20);
glVertex2f(0.50, 0.27);
glVertex2f(0.40, 0.27);
glVertex2f(0.40, 0.20);
glEnd();

//sabuk
glBegin(GL_POLYGON);
glColor3f(0.20, 0.20, 0.20); //greyy 20
glVertex2f(-0.15, 0.25);
glVertex2f(-0.15, 0.20);
glVertex2f(0.15, 0.20);
glVertex2f(0.15, 0.25);
glEnd();

//rok
glBegin(GL_POLYGON);
glColor3f(1.0,1.0,0.0);//kuning
glVertex2f(0.15, 0.20);
glVertex2f(0.35, -0.15);
glVertex2f(-0.35, -0.15);
glVertex2f(-0.15, 0.20);
glEnd();

//kaki kanan
glBegin(GL_POLYGON);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(0.18, -0.15);
glVertex2f(0.18, -0.40);
glVertex2f(0.05, -0.40);
glVertex2f(0.05, -0.15);
glEnd();

//kaki kiri
glBegin(GL_POLYGON);
glColor3f(1.0, 0.92, 0.80); //almond
glVertex2f(-0.18, -0.15);
glVertex2f(-0.18, -0.40);
glVertex2f(-0.05, -0.40);
glVertex2f(-0.05, -0.15);
glEnd();

//sepatu kiri
glBegin(GL_POLYGON);
glColor3f(0.55, 0.00, 0.0); //dark red
glVertex2f(-0.18, -0.40);
glVertex2f(-0.25, -0.43);
glVertex2f(-0.25, -0.50);
glVertex2f(-0.05, -0.50);
glVertex2f(-0.05, -0.40);
glEnd();

//sepatu kanan
glBegin(GL_POLYGON);
glColor3f(0.55, 0.00, 0.0); //dark red
glVertex2f(0.18, -0.40);
glVertex2f(0.25, -0.43);
glVertex2f(0.25, -0.50);
glVertex2f(0.05, -0.50);
glVertex2f(0.05, -0.40);
glEnd();
 glFlush();
}
int main(int argc, char **argv)
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
glutInitWindowSize(500,500);
glutInitWindowPosition(0,0);
glutCreateWindow("Go Girl Robot");
glutDisplayFunc(mydisplay);
init();
glutMainLoop();//enter the event-processing loop
return 0;
}
 Screenshoot hasil

 Penjelasan
Pada tugas praktikum 4 ini membuat sebuah program robot
sederhana. Program bertema Go Girl Robot ini merupakan robot perempuan
yang dibuat dengan mengunkan komponen dasar GL_POLYGON untuk
membuat kepala, mata, alis, mulut, leher, tangan, badan, rok, kaki dan juga
sepatu. Selain itu juga menggunakan GL_TRIANGLES yang digunakan
untuk bentuk v pada leher robot.
Untuk merubah parameter transformasi ortogonal dapat
menggunakan perintah glOrtho() dengan didahului proses merubah
status OpenGL ke mode proyeksi dengan perintah
glMatrixMode(GL_PROJECTION).
 Untuk menciptakan sebuah bentuk seperti yang diinginkan, dibuat
dengan menggunakan penyesuaian titik koordinat dengan fungsi
glVertex2f. glVertex2f berfungsi untuk menunjukkan koordinat dalam 2
dimensi (x,y).
glColor3f digunakan untuk memberikan warna pada objek . Untuk
pewarnaan kepala, leher, tangan dan kaki digunakan warna almond atau
dalam kode warna yaitu glColor3f(1.0, 0.92, 0.80) . Kemudian untuk
warna badan menggunakan warna biru atau glColor3f(0.00, 0.00,
0.55); untuk warna rok adalah kuning atau glColor3f(1.0,1.0,0.0) ,
untuk warna mulut adalah merah atau glColor3f(1.0, 0.0, 0.0) , warna
mata dan rambut adalah hitam atau glColor3f(0.0, 0.0, 0.0) ,
sedangkan untuk sepatu menggunakan warna merah gelap/kecoklatan atau
glColor3f(0.55, 0.00, 0.0).

Berbeda dengan mewarnai objek, untuk mengganti warna

background digunakan fungsi glClearColor(0.78, 0.80, 0.5, 1.0); .
glutCreateWindow("Go Girl Robot"); digunakan untuk memberi nama
pada window . Pengaturan ukuran dan letak window menggunakan
glutInitWindowSize dan glutInitwWindowPosition. Untuk
membentuk objek diawali dengan glBegin() dan harus diakhiri dengan
glEnd().