COMPUTER GRAPHICS D10K-5C01 GK11: OpenGL Transformasi dan Interaksi Dr. Setiawan Hadi, M.Sc.CS. Program Studi S-1 Teknik Informatika FMIPA Universitas.

Presentasi berjudul: "COMPUTER GRAPHICS D10K-5C01 GK11: OpenGL Transformasi dan Interaksi Dr. Setiawan Hadi, M.Sc.CS. Program Studi S-1 Teknik Informatika FMIPA Universitas."— Transcript presentasi:

1 COMPUTER GRAPHICS D10K-5C01 GK11: OpenGL Transformasi dan Interaksi Dr. Setiawan Hadi, M.Sc.CS. Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran

2 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Materi Memahami transformasi dalam OpenGL Memahami interaksi sederhana dalam openGL

3 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Matriks OpenGL Dalam OpenGL matriks adalah bagian proses Multiple types Model-View ( GL_MODELVIEW ) Projection ( GL_PROJECTION ) Texture ( GL_TEXTURE ) Color( GL_COLOR ) Perkakas untuk manipulasi objek Pemilihan cara manipulasi glMatrixMode(GL_MODELVIEW); glMatrixMode(GL_PROJECTION);

4 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Current Transformation Matrix (CTM) Matriks transformasi homogen 4 x 4. CTMverteks p P’=Cp C

5 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Operasi CTM CTM diload ke sebuah variabel atau dioperasikan dengan perkalian matriks Load an identity matrix: C  I Load an arbitrary matrix: C  M Load a translation matrix: C  T Load a rotation matrix: C  R Load a scaling matrix: C  S Postmultiply by an arbitrary matrix: C  CM Postmultiply by a translation matrix: C  CT Postmultiply by a rotation matrix: C  C R Postmultiply by a scaling matrix: C  C S

6 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Rotasi dengan Pusat Rotasi Tetap (fixed point) Start with identity matrix: C  I Move fixed point to origin: C  CT Rotate by angle: C  CR Move fixed point back: C  CT -1 Result of post multiplications : C = TR T –1 Transformed points are calculated using p’=Cp Hence p’=( TR T –1 ) p which is backwards.

7 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Reversing the Order We want C = T –1 R T so we must do the operations in the following order C  I C  CT -1 C  CR C  CT Each operation corresponds to one function call in the program. Note that the last operation specified is the first executed in the program

8 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 CTM dalam OpenGL OpenGL has a model-view and a projection matrix in the pipeline which are concatenated together to form the CTM Can manipulate each by first setting the correct matrix mode

9 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Rotation, Translation, Scaling glRotatef(theta, vx, vy, vz) glTranslatef(dx, dy, dz) glScalef( sx, sy, sz) glLoadIdentity() Load an identity matrix: Multiply on right: theta in degrees, ( vx, vy, vz ) define axis of rotation Each has a float (f) and double (d) format ( glScaled )

10 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Contoh Rotation about z axis by 30 degrees with a fixed point of (1.0, 2.0, 3.0) Remember that last matrix specified in the program is the first applied glMatrixMode(GL_MODELVIEW); glLoadIdentity(); glTranslatef(1.0, 2.0, 3.0); glRotatef(30.0, 0.0, 0.0, 1.0); glTranslatef(-1.0, -2.0, -3.0);

11 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Matriks Arbitrari Can load and multiply by matrices defined in the application program The matrix m is a one dimension array of 16 elements which are the components of the desired 4 x 4 matrix stored by columns In glMultMatrixf, m multiplies the existing matrix on the right glLoadMatrixf(m) glMultMatrixf(m)

12 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Matrix Stacks In many situations we want to save transformation matrices for use later Traversing hierarchical data structures (Chapter 10) Avoiding state changes when executing display lists OpenGL maintains stacks for each type of matrix Access present type (as set by glMatrixMode) by glPushMatrix() glPopMatrix()

13 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Reading Back Matrices Can also access matrices (and other parts of the state) by query functions For matrices, we use as glGetIntegerv glGetFloatv glGetBooleanv glGetDoublev glIsEnabled float m[16]; glGetFloatv(GL_MODELVIEW, m);

14 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 Penggunaan Transformasi Contoh: menggunakan idle function untuk merotasikan sebuah kubus 3D Interaksi fungsi mouse untuk mengubah arah rotasi

15 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 ColorCube.c

16 GK11 Computer Graphics Teknik Informatika-Semester Ganjil 2015-2016 TUGAS 2 OPENGL Ambil program colorcube.c dan install-kan pada Visual Studio Modifikasi (enhance) program tersebut, cobalah fungsi-fungsi transformasi lainnya Gunakan kuriositas dan kreativitas anda Tuangkan dalam tulisan apa yang anda kerjakan dan submit hasilnya (dalam Word) ke e- Learning sebagai Tugas OpenGL2