Beberapa Trik Pembuatan Grafik 2D Menggunakan OpenGL
Imam Nur Arifinvisibility
…
description
35 pages
link
1 file
PembuatanGrafik2D MenggunakanOpenGL
Related papers
Pengenalan OpenGL
OpenGL adalah suatu graphic library yang sebagian bersifat open source, dipakai pada banyak platform (windows, linux) dan dapat digunakan pada berbagai jenis compiler seperti C++ atau Delphi. OpenGL bukanlah bahasa pemrograman tetapi merupakan suatu Application Programming Interface (API). Sintax Perintah OpenGL Sintaks perintah OpenGL mengikuti aturan penulisan dari library dimana fungsi tersebut berasal, format penulisan fungsi OpenGL adalah : <awalan library><perintah><optional jumlah argumen><optional tipe argumen> Semua perintah OpenGL menggunakan awalan gl diikuti dengan huruf kapital pada setiap kata membentuk nama perintah (sebagai contoh glClearColor). Untuk mendefinisikan konstanta diawali dengan GL_, dengan menggunakan huruf kapital dan garis bawah untuk memisahkan kata (seperti GL_POLY_STIPPLE). Terkadang beberapa huruf dan angka ditambahkan pada akhir perintah (seperti 3f pada glVertex3f). Dalam hal ini angka 3 menunjukkan berapa banyak argumen yang harus ada pada perintah tersebut dan akhiran huruf f menunjukkan jenis datanya yaitu floating. Sebagai contoh pada dua perintah berikut ini : glVertex3i(1,0,-2); glVertex3f(1.0, 0.0,-2.0); adalah sama yaitu meletakkan titik di layar pada koordinat x = 1, y = 0 dan z =-2, perbedaannya yaitu pada perintah pertama menspesifikasikan titik dengan tipe data integer 32-bit, sedangkan yang kedua dengan tipe data single precision floating point. Beberapa perintah OpenGL menambahkan perintah huruf akhir v yang menunjukkan bahwa perintah tersebut menggunakan pointer ke array/vektor. Di bawah ini contoh perbedaannya. float color_array[]={1.0,0.0,0.0} glColor3f (1.0,0.0,0.0); glColor3fv(color_array); Library yang Berhubungan dengan OpenGL OpenGL menyediakan set perintah untuk menggambar dan semua penggambaran yang lebih tinggi tingkatnya harus dilakukan dengan mengambil fungsi dasar dari perintah ini. Maka dari itu dapat dibuat library itu sendiri di atas program OpenGL yang mempermudah pemrograman lebih lanjut. Fungsi asli dari OpenGL sendiri selalu diawali dengan gl yang
Implementasi Open Gl Untuk Pembuatan Objek 3d
JOURNAL ZETROEM
Computer Graphics is a part of computer science that deals with the creation and manipulation of (visual) images digitally. A simple form of computer graphics is 2D computer graphics which later evolved into 3D computer graphics, image-based (image processing), and pattern recognition (pattern recognition). Computer graphics are often also known as data visualization. Graphics include images and other imagery generated by the computer in the form of lines. OpenGL (Open Graphics Library) is an API standard that can be used to create graphics-based applications, both two-dimensional (2D) and three-dimensional (3D). OpenGL is cross-platform, meaning that it can be run on various operating system platforms that exist today. using OpenGL, we first need a conception of the interface in its implementation of object protection. One method that is commonly used is to create a window-based OpenGL. To be able to conceptualize windowing in OpenGL, we need a certain tool. What we are using this ...
Laporan Tugas Besar GPC Membangun Aplikasi 3D OpenGL
Laporan Tugas Besar GPC Membangun Aplikasi 3D Membuang Sampah Organik dan Non-Organik dengan OpenGL Aplikasi dapat di download pada link di bawah.
Peran Penting OpenGL dalam Perkembangan Teknologi Grafis
—Seperti yang telah diketahui bersama bahwa OpenGL memiliki peran yang sangat penting dalam dunia teknologi grafis dan perkembangannya. Oleh karena itu, dibutuhkan pemahaman yang mendalam tentang penerapannya terkhusus bagi kalangan penggiat teknologi.
Pembuatan Simulasi Pergerakan Objek 3D (Tiga Dimensi) Menggunakan OpenGL
Abstrak-Grafika Komputer adalah bagian dari ilmu komputer yang berkaitan dengan pembuatan dan manipulasi gambar (visual) secara digital. Bentuk sederhana dari grafika komputer adalah grafika komputer 2D yang kemudian berkembang menjadi grafika komputer 3D, pemrosesan citra (image processing), dan pengenalan pola (pattern recognition). Grafika komputer sering dikenal juga dengan istilah visualisasi data. Grafik meliputi gambar dan pencitraan lain yang dihasilkan oleh komputer berbentuk garis, lengkungan, kurva dan sebagainya. Komputer dapat menghasilkan pencitraan dalam sejumlah pixel, dan printer dot matrix akan mencetak citra/gambar tersebut dalam sejumlah titik.
Bahan Ajar: Prinsip-prinsip Dasar Gambar 3D
Alexander Leni Taseseb, 2019
APLIKASI PERANGKAT LUNAK DAN PERANCANGAN INTERIOR GEDUNG MEMAHAMI PRINSIP DASAR GAMBAR 3D
VISUALISASI GRAFIK DUA DIMENSI (2D)
Pada pembahasan visualisasi grafik dua dimensi ini diharapkan dapat: 1. Mengetahui teknik pengaturan dan variasi grafik; 2. Memahami sintak dasar program visualisasi grafik dua dimensi (2D); 3. Membuat program sederhana dengan fungsi gelombang sinus, cosinus, tangent, secan dan cotangent dengan sudut yang sesuai dan memahami hasil eksekusinya. 4. Membuat aplikasi program melalui hasil data eksperimen yang dipercobakan. 5. Membuat program visualisasi gelombang dua dimensi pada beberapa fungsi yang ditentukan untuk kasus-kasus penerapan fisika misalnya fungsi stem, fungsi stairs, fungsi bar, fungsi polar plot, fungsi errorbar dan fungsi demo dan memahami hasil eksekusinya.
Modul Praktikum Grafika Komputer Modul 3 Transformasi dan Animasi Objek 2D
modul untuk belajar tentang ilmu Grafika komputer
Beberapa Trik
Pembuatan Grafik 2D
Menggunakan OpenGL
Achmad Basuki,Nana R,Setiawardhana
Surabaya, April 2008
Materi
Membuat Langit Bergradiasi
Membuat Gunung
Membuat Bayangan Gunung Di Air
Membuat Bintang Berkelip
Membuat Efek Hujan
Membuat Grafik Berjalan
Membuat Bola-Bola Air
Membuat Langit Bergradiasi
Membuat Langit Bergradiasi
// Membuat kotak yang memenuhi ruang koordinat
// Koordinat yang digunakan (-400,400,-300,300)
point2D_t kotak[4]={{-400,-300},{400,-300},{400,300},{-400,300}};
// Membuat warna yang sesuai dengan posisi titik di kotak
color_t col[4]={{1,1,1},{1,1,1},{0,0,1},{0,0,1}};
// Gambar dengan gradatePolygon
gradatePolygon(kotak,col,4);
Membuat Gunung
Membuat Gunung
point2D_t gunung[3]={{-400,-100},{400,-100},{50,50}};
color_t colGunung[3]={{0,0,1},{0,0,1},{1,1,1}};
gradatePolygon(gunung,colGunung,3);
Membuat Bayangan Gunung Di Air
Membuat Bayangan Gunung Di Air
point2D_t bgunung[3]={{-400,-101},{400,-101},{50,-175}};
color_t colbGunung[3]={{0,0,1},{0,0,1},{1,1,1}};
gradatePolygon(bgunung,colbGunung,3);
Membuat Efek Air
float xp,yp,dx;
setColor(1,1,1);
for(int i=1;i<30;i++){
xp=800*(float)rand()/RAND_MAX-400;
yp=30*(float)rand()/RAND_MAX-130;
dx=20+30*(float)rand()/RAND_MAX;
drawLine(xp,yp,xp+dx,yp);
}
Membuat Bintang Berkelip
Membuat Bintang Berkedip
Membuat langit bergradiasi dari hitam ke
biru
Mengacak posisi bintang satu kali saja
ketika program pertama dijalankan
Menggambar bintang
Membuat bintang berkedip
Membuat Bintang Berkedip:
Membuat langit bergradiasi hitam ke biru
point2D_t langit[4]={{0,0},{400,0},{400,300},{0,300}};
color_t wLangit[4]={{0,0.1,0.5},{0,0.1,0.5},{0,0,0},{0,0,0}};
gradatePolygon(langit,wLangit,4);
Membuat Bintang Berkedip:
Mengacak posisi bintang saat program
pertama kali dijalankan (tick=0)
static int tick=0;
static point2D_t bintang[100];
int i;
if(tick==0){
for(i=0;i<100;i++){
bintang[i].x=rand()%400;
bintang[i].y=rand()%300;
}
}
Membuat Bintang Berkedip:
Menggambar Bintang
setColor(1,1,1);
glPointSize(2);
for(i=0;i<100;i++)
drawDot(bintang[i].x,bintang[i].y);
Membuat Bintang Berkedip:
Membuat Bintang Berkedip
int k=rand()%100;
glPointSize(4);
drawDot(bintang[k].x,bintang[k].y);
Membuat Efek Hujan
Membuat Efek Hujan
Membuat Langit
Membuat Tanah
Mengacak posisi awal garis-garis hujan
Menggerakkan garis-garis hujan
Menggambar hujan
Membuat Efek Hujan
Definisi sistem koordinat: gluOrtho2D(0,400,0,300);
// Membuat langit
point2D_t langit[4]={{0,0},{400,0},{400,300},{0,300}};
color_t wLangit[4]={{1,1,1},{1,1,1},{0,0.1,0.5},{0,0.1,0.5}};
gradatePolygon(langit,wLangit,4);
// Membuat tanah
point2D_t
tanah[5]={{0,0},{400,0},{400,50},{300,40},{0,35}};
color_t wTanah[5]={{0.5,0.2,0},{0.5,0.2,0},{1,0.9,0.5},
{1,0.9,0.5}, {0.7,0.5,0.1}};
gradatePolygon(tanah,wTanah,5);
Membuat Efek Hujan
Membuat Langit dan Tanah
// Membuat langit
point2D_t langit[4]={{0,0},{400,0},{400,300},{0,300}};
color_t wLangit[4]={{1,1,1},{1,1,1},{0,0.1,0.5},{0,0.1,0.5}};
gradatePolygon(langit,wLangit,4);
// Membuat tanah
point2D_t
tanah[5]={{0,0},{400,0},{400,50},{300,40},{0,35}};
color_t wTanah[5]={{0.5,0.2,0},{0.5,0.2,0},{1,0.9,0.5},
{1,0.9,0.5}, {0.7,0.5,0.1}};
gradatePolygon(tanah,wTanah,5);
Membuat Efek Hujan
Mengacak Posisi Awal Garis-Garis Hujan
// Mengacak posisi awal garis-garis hujan
static int tick=0;
static point2D_t hujan[200];
int i;
if(tick==0){
for(i=0;i<200;i++){
hujan[i].x=rand()%400;
hujan[i].y=rand()%300;
}
}
Membuat Efek Hujan
Menggerakkan Garis-Garis Hujan
// Menggerakkan posisi hujan
for(i=0;i<200;i++){
hujan[i].x++;
hujan[i].y--;
// Jika garis hujan di luar window
// diganti dengan yang baru
if((hujan[i].x>400) || (hujan[i].y<0)){
hujan[i].x=rand()%400;
hujan[i].y=rand()%300;
}
}
Membuat Efek Hujan
Menggambar Garis-Garis Hujan
// Menggambar hujan
setColor(1,1,1);
for(i=0;i<200;i++)
drawLine(hujan[i].x,hujan[i].y,hujan[i].x+5,hujan[i].y-5);
Membuat Grafik Berjalan
F(x) = sin(16*x)*(1+0.5*sin(2*x))
Membuat Grafik Berjalan
Sistem Koordinat: gluOrtho2D(0,360,-2,2);
static int a=0;
point2D_t p[360];
for(int i=0;i<360;i++){
float s=(i+a)/57.3;
p[i].x=i;
p[i].y=sin(16*s)*(1+0.5*sin(2*s));
}
setColor(1,1,1);
drawPolyline(p,360);
a++;
Membuat Gelembung Air
Membuat Gelembung Air
Sistem Koordinat: gluOrtho2D(0,400,0,300);
// Membuat Latar Belakang
point2D_t latar[4]={{0,0},{400,0},{400,300},{0,300}};
color_t wLatar[4]={{0.3,0.8,1},{0.3,0.8,1},{0,0.1,0.5},{0,0.1,0.5}};
gradatePolygon(latar,wLatar,4);
Membuat Gelembung Air
Mengacak Posisi Awal Gelembung Air
// Mengacak posisi Gelembung Air
static point2D_t gelAir[3];
static int tick=0;
static float d[3];
int i;
if(tick==0){
for(i=0;i<3;i++){
gelAir[i].x=rand()%400;
gelAir[i].y=10;
d[i]=(float)(rand()%100)/100+0.5;
}
}
tick++;
Membuat Gelembung Air
Menjalankan Gelembung Air
// Menjalankan Gelembung air
for(i=0;i<3;i++){
gelAir[i].y+=d[i];
if(gelAir[i].y>300){
gelAir[i].x=rand()%400;
gelAir[i].y=10;
d[i]=(float)(rand()%100)/100+0.5;
}
}
Membuat Gelembung Air
Menggambar Gelembung Air
// Menggambar gelembung air dengan 3 buah lingkaran
point2D_t p[90],p0;
setColor(1,1,1);
for(i=0;i<3;i++){
createCircle(p,gelAir[i],4,90);
drawPolygon(p,90);
p0.x=gelAir[i].x+7; p0.y=gelAir[i].y+6;
createCircle(p,p0,5,90);
drawPolygon(p,90);
p0.x=gelAir[i].x-2; p0.y=gelAir[i].y+12;
createCircle(p,p0,3,90);
drawPolygon(p,90);
}
Membuat Rumput Bergoyang
Membuat Rumput Bergoyang
Definisi Obyek 2D untuk Rumput
typedef struct {
point2D_t p,p0;
float d,s;
} obyek_t;
Membuat Rumput Bergoyang
Sistem Koordinat: gluOrtho2D(0,400,0,300);
// Membuat langit
point2D_t langit[4]={{0,0},{400,0},{400,300},{0,300}};
color_t wLangit[4]={{1,1,1},{1,1,1},{0,0,1},{0,0,1}};
gradatePolygon(langit,wLangit,4);
Membuat Rumput Bergoyang
Mengacak Posisi Awal Rumput
// Mengacak Posisi awal rumput
static obyek_t rumput[300];
static int tick=0;
int i;
if(tick==0){
for(i=0;i<300;i++){
rumput[i].p.x=rand()%400;
rumput[i].p.y=40+rand()%10;
rumput[i].d=rand()%8+2;
rumput[i].s=float(rand()%100+1)/1000;
rumput[i].p0=rumput[i].p;
}
}
tick++;
Membuat Rumput Bergoyang
Menggoyangkan Rumput
// Menggoyangkan rumput
float xa,xb;
for(i=0;i<300;i++){
rumput[i].p.x+=rumput[i].s;
xa=rumput[i].p0.x-0.5*rumput[i].d;
xb=rumput[i].p0.x+0.5*rumput[i].d;
if((rumput[i].p.x<xa) || (rumput[i].p.x>xb))
rumput[i].s=-rumput[i].s;
}
Membuat Rumput Bergoyang
Menggambar Rumput
// Menggambar rumput
point2D_t p[3];
color_t cp[3]={{0.1,1,0.3},{0,0.2,0},{0,0.2,0}};
for(i=0;i<300;i++){
p[0].x=rumput[i].p.x;
p[0].y=rumput[i].p.y;
p[1].x=rumput[i].p0.x-rumput[i].d;
p[1].y=0;
p[2].x=rumput[i].p0.x+rumput[i].d;
p[2].y=0;
gradatePolygon(p,cp,3);
}
Related papers
Experimental and numerical wind tunnel investigation of the aerodynamics of upwind soft sails
Ocean Engineering, 2019
Extraction Of Non-Ferrous And Noble Metals From Mill Tailing By Solutions In The Presence Of Oxidizing Agents
International Journal of Engineering and Applied Sciences (IJEAS), 2017
Yugoslavia’s Hidden History: Partisan-Ustashi Collaboration in the World War II (1941−1945)
History Research, 2015
On combinatorial structure and algebraic characterizations of distance-regular digraphs
arXiv (Cornell University), 2024
Something inside: Conversations with Gay Fiction Writers
Rocky Mountain Review of Language and Literature, 2000
Singapore (2018)
2018 Global Review of Constitutional Law (Richard Albert, David Landau, Pietro Faraguna and Simon Drugda, eds), 2019
EVALUASI KERAGAMAN GENETIK IKAN KANCRA DENGAN MENGGUNAKAN MARKER Mt DNA D-loop DAN RANDOM AMPLIFIED POLYMORPHISM DNA (RAPD)
Jurnal Riset Akuakultur, 2016
ADCYAP1 (adenylate cyclase activating polypeptide 1 (pituitary))
Atlas of Genetics and Cytogenetics in Oncology and Haematology, 2017
International Course to Support Nuclear Licensing by User Training in the Areas of Scaling, Uncertainty, and 3D Thermal-Hydraulics/Neutron-Kinetics Coupled Codes: 3D S.UN.COP Seminars
Science and Technology of Nuclear Installations, 2008
Synthesis and Kinetic Study of Hydroxy/Fluoroapatite Solid Solution Formation by Decomposition of a Ca-EDTA Complex
Zeitschrift für anorganische und allgemeine Chemie, 2008
Indian Women and Mathematics for Computer Science
IEEE Technology and Society Magazine, 2011
π-Conjugated Oligomers and Polymers with a Self-Assembled Ladder-like Structure
Journal of the American Chemical Society, 1996