Tutorial 08. Fog. mensimulasikan efek kabut membatasi ruang pandang pengguna agar komputasi grafis yang diperlukan dapat dibatasi.

Transkripsi

1 Tutorial 08. Fog Kabut/fog adalah salah satu fitur OpenGL lain yang sering digunakan pada banyak kesempatan. Kabut digunakan dalam banyak kesempatan, antara lain: mensimulasikan efek kabut membatasi ruang pandang pengguna agar komputasi grafis yang diperlukan dapat dibatasi. Hal ini terutama dilakukan pada era-era ketika algoritma grafis masih dilakukan di CPU. Program 11 memperlihatkan bagaimana menggunakan fungsi-fungsi OpenGL yang terkait dengan fog. // Fog // Program ini menampilkan efek kabut (fog) // Image Loadernya menggunakan library tambahan yaitu SOIL (Simple OpenGL Image Library) // Untuk mendapatkan efek kabut menggunakan perintah glenable(gl_fog); #include <stdio.h> #include <stdlib.h> #include <string.h> #include <stdarg.h> #include "SOIL.h" #include <GL/glut.h>

2 float z_pos = -5.0f; float Rot = 0.0f; GLfloat LightAmbient[] = 0.5f, 0.5f, 0.5f, 1.0f; GLfloat LightDiffuse[] = 1.0f, 1.0f, 1.0f, 1.0f; GLfloat LightPosition[] = 0.0f, 0.0f, 2.0f, 1.0f; // storage for one texture GLuint tex_2d; /* storage for three texture */ GLuint filter; GLuint texture[3]; // Fog GLuint fogfilter; GLuint fogmode[] = GL_EXP, GL_EXP2, GL_LINEAR; GLfloat fogcolor[4] = 0.5f, 0.5f, 0.5f, 1.0f; GLuint* LoadGLTextures(); void init(); void mykeyboard(unsigned char, int, int); void mydisplay(void); void mytimeout(int); void resize(int, int); int main(int argc, char* argv[]) glutinit(&argc, argv);

3 glutinitdisplaymode(glut_double GLUT_DEPTH); glutinitwindowsize(500, 500); glutinitwindowposition(0, 0); glutcreatewindow("fog"); glutdisplayfunc(mydisplay); glutidlefunc(mydisplay); glutkeyboardfunc(mykeyboard); glutreshapefunc(resize); gluttimerfunc(100, mytimeout, 0); init(); glutmainloop(); return 0; GLuint LoadGLTextures(GLint filter) // Load Bitmaps And Convert To Textures /* load an image file directly as a new OpenGL texture */ tex_2d = SOIL_load_OGL_texture("3.jpg", SOIL_LOAD_AUTO, SOIL_CREATE_NEW_ID, SOIL_FLAG_MIPMAPS SOIL_FLAG_INVERT_Y SOIL_FLAG_NTSC_SAFE_RGB SOIL_FLAG_COMPRESS_TO_DXT); /* check for an error during the load process */ if(tex_2d == 0) printf( "SOIL loading error: '%s'\n", SOIL_last_result() ); if(filter == 0)

4 // Create Nearest Texture Filter glbindtexture(gl_texture_2d, tex_2d); gltexparameteri(gl_texture_2d,gl_texture_mag_filter,gl_neares T); gltexparameteri(gl_texture_2d,gl_texture_min_filter,gl_neares T); else if(filter == 1) // Create Linear Texture Filter glbindtexture(gl_texture_2d, tex_2d); gltexparameteri(gl_texture_2d,gl_texture_mag_filter,gl_linear ); gltexparameteri(gl_texture_2d,gl_texture_min_filter,gl_linear ); else // Create MipMapped Texture Filter glbindtexture(gl_texture_2d, tex_2d); gltexparameteri(gl_texture_2d,gl_texture_mag_filter,gl_linear ); gltexparameteri(gl_texture_2d,gl_texture_min_filter,gl_linear _MIPMAP_NEAREST); Success return tex_2d; // Return void init() for(int i = 0; i < 3; ++i)

5 texture[i] = LoadGLTextures(i); glenable(gl_texture_2d); glshademodel(gl_smooth); glclearcolor(0.5f, 0.5f, 0.5f, 1.0f); of the Fog glfogi(gl_fog_mode, fogmode[fogfilter]); glfogfv(gl_fog_color, fogcolor); glfogf(gl_fog_density, 0.5f); the color be glhint(gl_fog_hint, GL_DONT_CARE); glfogf(gl_fog_start, 100.0f); Depth glfogf(gl_fog_end, f); glenable(gl_fog); // Clear to color // Fog Mode // Set Fog Color // How Dense will // Fog Hint Value // Fog Start // Fog End Depth // Enable Fog glcleardepth(1.0f); glenable(gl_depth_test); gldepthfunc(gl_lequal); gllightfv(gl_light1, GL_AMBIENT, LightAmbient); gllightfv(gl_light1, GL_DIFFUSE, LightDiffuse); gllightfv(gl_light1, GL_POSITION, LightPosition); glenable(gl_light1); void mykeyboard(unsigned char key, int x, int y) switch(key) case '<':

6 case ',': z_pos -= 0.1f; case '>': case '.': z_pos += 0.1f; case 'F': case 'f': filter += 1; if(filter > 2) filter = 0; printf("filter: %i \n", filter); case 'G': case 'g': fogfilter += 1; if(fogfilter > 2) fogfilter greater than 2? fogfilter = 0; set fogfilter to Zero glfogi(gl_fog_mode, fogmode[fogfilter]); Mode // Is // If so, // Fog printf("fogfilter : %i \n", fogfilter); case 27:

7 exit(0); default: void mydisplay(void) glclear(gl_color_buffer_bit GL_DEPTH_BUFFER_BIT); glpolygonmode(gl_front_and_back, GL_FILL); glloadidentity(); gltranslatef(0.0f, 0.0f, z_pos); // glrotatef(rot, 0.0f, 1.0f, 0.0f); // Rotate On The X Axis //glbindtexture(gl_texture_2d, tex_2d1[0]); glbindtexture(gl_texture_2d, texture[filter]); glbegin(gl_quads); // Front Face glnormal3f( 0.0f, 0.0f, 1.0f); gltexcoord2f(0.0f, 0.0f); glvertex3f(-1.0f, -1.0f, 1.0f); gltexcoord2f(1.0f, 0.0f); glvertex3f( 1.0f, -1.0f, 1.0f); gltexcoord2f(1.0f, 1.0f); glvertex3f( 1.0f, 1.0f, 1.0f); gltexcoord2f(0.0f, 1.0f); glvertex3f(-1.0f, 1.0f, 1.0f); // Back Face glnormal3f( 0.0f, 0.0f,-1.0f); gltexcoord2f(1.0f, 0.0f); glvertex3f(-1.0f, -1.0f, -1.0f); gltexcoord2f(1.0f, 1.0f); glvertex3f(-1.0f, 1.0f, -1.0f); gltexcoord2f(0.0f, 1.0f); glvertex3f( 1.0f, 1.0f, -1.0f); gltexcoord2f(0.0f, 0.0f); glvertex3f( 1.0f, -1.0f, -1.0f); // Top Face

8 glnormal3f( 0.0f, 1.0f, 0.0f); gltexcoord2f(0.0f, 1.0f); glvertex3f(-1.0f, 1.0f, -1.0f); gltexcoord2f(0.0f, 0.0f); glvertex3f(-1.0f, 1.0f, 1.0f); gltexcoord2f(1.0f, 0.0f); glvertex3f( 1.0f, 1.0f, 1.0f); gltexcoord2f(1.0f, 1.0f); glvertex3f( 1.0f, 1.0f, -1.0f); // Bottom Face glnormal3f( 0.0f,-1.0f, 0.0f); gltexcoord2f(1.0f, 1.0f); glvertex3f(-1.0f, -1.0f, -1.0f); gltexcoord2f(0.0f, 1.0f); glvertex3f( 1.0f, -1.0f, -1.0f); gltexcoord2f(0.0f, 0.0f); glvertex3f( 1.0f, -1.0f, 1.0f); gltexcoord2f(1.0f, 0.0f); glvertex3f(-1.0f, -1.0f, 1.0f); // Right face glnormal3f( 1.0f, 0.0f, 0.0f); gltexcoord2f(1.0f, 0.0f); glvertex3f( 1.0f, -1.0f, -1.0f); gltexcoord2f(1.0f, 1.0f); glvertex3f( 1.0f, 1.0f, -1.0f); gltexcoord2f(0.0f, 1.0f); glvertex3f( 1.0f, 1.0f, 1.0f); gltexcoord2f(0.0f, 0.0f); glvertex3f( 1.0f, -1.0f, 1.0f); // Left Face glnormal3f(-1.0f, 0.0f, 0.0f); gltexcoord2f(0.0f, 0.0f); glvertex3f(-1.0f, -1.0f, -1.0f); gltexcoord2f(1.0f, 0.0f); glvertex3f(-1.0f, -1.0f, 1.0f); gltexcoord2f(1.0f, 1.0f); glvertex3f(-1.0f, 1.0f, 1.0f); gltexcoord2f(0.0f, 1.0f); glvertex3f(-1.0f, 1.0f, -1.0f); glend(); // xrot+=0.1f; // X Axis Rotation glflush(); glutswapbuffers(); void mytimeout(int id)

9 // called if timer event //...advance the state of animation incrementally... Rot += 5.0f; glutpostredisplay(); // request redisplay gluttimerfunc(100, mytimeout, 0); // request next timer event void resize(int width, int height) glviewport(0, 0, width, height); glmatrixmode(gl_projection); glloadidentity(); gluperspective(45.0, (GLdouble)width / (GLdouble)height, 1.0, 300.0); glmatrixmode(gl_modelview); glloadidentity(); Variabel global dibuat agar kita bisa mencoba-coba tiga macam mode fog. Pada void init() terdapat beberapa baris kode baru, yaitu: glenable(gl_fog) yang melakukan inisialisasi fog glfogi(gl_fog_mode, fogmode[fogfilter]); menentukan mode fog dengan variabel array fogmode. Variabel fogmode diinisialisasi dengan tiga nilai, yaitu GL_EXP, GL_EXP2, dan GL_LINEAR: GL_EXP fog standar yang dirender pada keseluruhan screen. Efek fognya tidak terlalu terlihat namun jenis yang paling cepat dirender. GL_EXP2 fog jenis ini juga mirip dengan GL_EXP, hanya akan memberikan kesan dalam pada scene. GL_LINEAR pada fog jenis ini, efek fog diinterpolasi secara linier bergantung jarak dengan kamera sehingga didapat efek yang lebih baik.

10 glfogfv(gl_fog_color, fogcolor); menentukan warna dari fog. glfogf(gl_fog_density, 0.35f); menentukan seberapa padat kabutnya. Semakin tinggi nilainy, semakin pekat kabut yang dihasilkan. Baris glhint (GL_FOG_HINT, GL_DONT_CARE); memberikan informasi kepada OpenGL tentang bagaimana proses rendering ingin dilakukan. gl_dont_care terserah opengl gl_nicest perhitungan fog dilakukan per-pixel. gl_fastest perhitungan fog dilakukan per-vertex yang berarti lebih cepat tapi lebih tidak akurat. glfogf(gl_fog_start, 1.0f); menentukan jarak dari kamera ketika fog mulai. glfogf(gl_fog_end, 5.0f); menentukan sejauh mana kabut masih berefek. PERCOBAAN: Rubah berbagai variabel di atas untuk melihat apa pengaruhnya.