CG Programming(Modeling)

Fall, 2012

What is GLUI?

OpenGL User Interface Library(GLUI) a GLUT-based C++ user interface library which provides

controls such as buttons, checkboxes, radio buttons, and spinners to OpenGL applications.

It is window-system independent, relying on GLUT to handle all system-dependent issues, such as window and mouse management.

What is GLUI?

Features of the GLUI Complete integration with GLUT toolkit Simple creation of a new user interface window with a single

line of code Support for multiple user interface windows Standard user interface controls such as:

• Buttons , Checkboxes, Radio Buttons, Editable text boxes• Spinners, Static text fields, Panels Separator lines

Controls can generate callbacks when their values change

What does GLUI look like?

Installing GLUI using VC++ on windows

To install the glui, the glut must be installed first1. Download glui library from http://glui.sourceforge.net/2. Under src directory u will find msvc directory, then open glui.sln

file.3. Convert the solution (if needed) 4. Converting the project solution into VC++ project5. Select the _glui library and build the library 6. After building the library, the lib file (glui32d.lib), glui32d.lib – ‘d’ for

debug, will be stored in the msvc\lib directory7. Put the glui32.lib file into C:\Program Files\Microsoft Visual Studio

10.0\VC\lib directory8. Put the glui.h file into C:\Program Files\Microsoft Visual Studio

10.0\VC\include\GL directory

Setup GLUI

Setup GLUI Download GLUI : glui-2.36.zip

http://sourceforge.net/projects/glui/ Copy header (glui.h)

• C:\Program Files\Microsoft Visual Studio 10.0\VC\Include\GL Copy lib (glui32.lib)

• C:\Program Files\Microsoft Visual Studio 10.0\VC\lib Test Examples

For VS 2010

List of Controls

List of Controls

List of Controls

GLUI Reference

Reference http://sourceforge.net/projects/glui/ http://glui.sourceforge.net/ http://jaist.dl.sourceforge.net/project/glui/Documentation/

GLUI%202/glui_manual_v2_beta.pdf

GLUT Main()

int main(int argc, char **argv) {glutInit(&argc, argv);glutInitWindowSize(800,600);glutInitWindowPosition(100,100);

// 더블 버퍼 사용 ( 화면 버퍼와 백버퍼 ), RGB 칼라모델 , 깊이버퍼 사용 glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);glutCreateWindow("Simple Modeling");

// display(): Rendering Loop 에서 계속 불림glutDisplayFunc(display);

// reshape(): 윈도우 크기변화 이벤트 처리GLUI_Master.set_glutReshapeFunc(reshape);

// keyboard(): 키보드 이벤트 처리GLUI_Master.set_glutKeyboardFunc(keyboard);

// mouse(): 마우스 이벤트 처리GLUI_Master.set_glutMouseFunc(mouse);

// motion(): 포인트 위치 (x, y) 움직임 이벤트 처리 ( 절대 좌표 )glutMotionFunc(motion);

// ReadModel(): 파일로부터 물체를 읽어드리는 함수ReadModel();

// GLSetupRC(): OpenGL 를 사용하여 빛설정 , 시각좌표계설정 , 프로젝션 설정GLSetupRC();

// setupGLUI(): GLUI 를 사용하여 UI 설정 setupGLUI ();glutMainLoop();return 0; /* ANSI C requires main to return int. */

}

GLUT 이벤트 처리

키보드 이벤트 void keyboard(unsigned char key, int x, int y)

• key 변수 : 눌려진 문자 값• x, y 변수 : 포인트 위치

마우스 이벤트 void mouse(int button, int state, int x, int y)

• button 변수 : GLUT_LEFT_BUTTON, GLUT_RIGHT_BUTTON, GLUT_MIDDLE_BUTTON

• state 변수 : GLUT_UP, GLUT_DOWN• x, y 변수 : window-relative mouse position

포인트 움직임 이벤트 void motion(int x, int y)

• x, y 변수 : window-relative mouse position

OpenGL 환경 설정 관련 함수

void GLSetupRC(void) { /* Enable a single OpenGL light. */// LIGHT0 : 설정한 조명의 이름 , GL_LIGHT1, GL_LIGHT2, … 로 조명 추가 가능 glLightfv(GL_LIGHT0, GL_DIFFUSE, light_diffuse); // 난반사 설정 glLightfv(GL_LIGHT0, GL_POSITION, light_specular); // 정반사 설정 glLightfv(GL_LIGHT0, GL_POSITION, light_ambient); // 주변광 설정 glLightfv(GL_LIGHT0, GL_POSITION, light_position); // 조명의 위치 설정 glEnable(GL_LIGHT0); // 설정한 LIGHT0 를 사용 가능 glEnable(GL_LIGHTING); // 설정한 조명들을 켬 glDisable(…): 조명들을 끔 /* Use depth buffering for hidden surface elimination. */ glEnable(GL_DEPTH_TEST); // 깊이 테스트 켬 /* Setup the view */ glMatrixMode(GL_PROJECTION); // 프로젝션 설정 glLoadIdentity(); // 프로젝션 행렬 초기화 단위 행렬로 대치 gluPerspective( 40.0, // field of view in degree 1.0, // aspect ratio 1.0, // Z near 2000.0); // Z far glMatrixMode(GL_MODELVIEW); // 시각좌표계 UVN 설정 glLoadIdentity(); gluLookAt(400.0, 400.0, 400.0, // eye is at (400,400,400) 0.0, 0.0, 0.0, // center is at (0,0,0) 0.0, 1.0, 0.); // up is in positive Y direction }

GLUI 사용자 인터페이스 설정

void setupGLUI() {printf( "GLUI version: %3.2f\n", GLUI_Master.get_version() );glui = GLUI_Master.create_glui_subwindow( main_window, GLUI_SUBWINDOW_RIGHT );

// Add the 'Object Properties' Panel to the GLUI windowobj_panel = new GLUI_Panel( glui, "Object Properties" );

// Add the Wireframe Check box to the 'Object Properties' Panelobj_shade = new GLUI_Checkbox( obj_panel, "Shading", &status, 1, control_cb );

// Add the Culling Check box to the 'Object Properties' Panelobj_cull = new GLUI_Checkbox( obj_panel, "Cull On/Off", &cull, 2, control_cb );

// Add the lighting Check box to the 'Object Properties' Panelobj_light = new GLUI_Checkbox( obj_panel, "Light On/Off", &light, 3, control_cb );

// Add a separatornew GLUI_Separator( obj_panel );

// Add a light color scrollGLUI_Panel *light0 = new GLUI_Rollout( obj_panel, "Light" , false);GLUI_Scrollbar *sb;sb = new GLUI_Scrollbar( light0, "Red",GLUI_SCROLL_HORIZONTAL,

&light_diffuse[0], 4,control_cb);sb->set_float_limits(0,1);sb = new GLUI_Scrollbar( light0, "Green",GLUI_SCROLL_HORIZONTAL,

&light_diffuse[1], 4,control_cb);sb->set_float_limits(0,1);sb = new GLUI_Scrollbar( light0, "Blue",GLUI_SCROLL_HORIZONTAL,

&light_diffuse[2], 4,control_cb);sb->set_float_limits(0,1);

GLUI 사용자 인터페이스 설정

// Add the 'Object Type' Panel to the GLUI windowGLUI_Rollout *obj_rollout = new GLUI_Rollout(glui, "Object Type");

// Create radio button groupobj_group = new GLUI_RadioGroup (obj_rollout, &type, 5, control_cb);

// Add the radio buttons to the radio group (Load Model)new GLUI_RadioButton ( obj_group, "Cube" );new GLUI_RadioButton ( obj_group, "Sphere" );new GLUI_RadioButton ( obj_group, "Teapot" );new GLUI_RadioButton ( obj_group, "SOR" );

// Add the 'Transformation' Panel to the GLUI windowGLUI_Panel *transformation_panel = new GLUI_Panel(glui, "Transformation");

// Create transformation panel 1 that will contain the Translation controlsGLUI_Panel *transformation_panel1 = new GLUI_Panel(transformation_panel, "Translate");

// Add the xy translation controlGLUI_Translation *translation_xy = new GLUI_Translation (transformation_panel1, "XY", GLUI_TRANSLATION_XY, trans_xy, 6, control_cb );

// Set the translation speedtranslation_xy->set_speed( 1 );

// Add columnglui->add_column_to_panel (transformation_panel1, true);

// Add the z translation controlGLUI_Translation *translation_z = new GLUI_Translation (transformation_panel1, "Z", GLUI_TRANSLATION_Z, &trans_z, 6, control_cb );

// Set the translation speedtranslation_z->set_speed( 1 );

GLUI 사용자 인터페이스 설정

// Add the rotation controlGLUI_Panel *transformation_panel2 = new GLUI_Panel(transformation_panel, "Rotate & Scale");GLUI_Rotation *rotation = new GLUI_Rotation (transformation_panel2, "Rotate", rotation_matrix, 7, control_cb);

// Add separatorglui->add_separator_to_panel (transformation_panel2);

// Add the scale spinnerGLUI_Spinner *spinner = new GLUI_Spinner (transformation_panel2, "Scale", GLUI_SPINNER_FLOAT, &scalefactor, 8, control_cb);

// Set the limits for the spinnerspinner->set_float_limits ( -4.0, 4.0 );

// Add the Quit Buttonglui->add_button ("Quit", 9, control_cb);

// set main window with GLUIglui->set_main_gfx_window( main_window );

}

GLUI 사용자 인터페이스 설정

void control_cb( int control ) {if (control==4) { // light color scroll control

glLightfv(GL_LIGHT0, GL_DIFFUSE, light_diffuse); }

if (control==5) { // object type radio button controlswitch (type) {

case 0: fname="cube.dat";ReadModel();glutPostRedisplay();break;

………………}

}if (control==6) { // xyz translation controlxloc=trans_xy[0]; yloc=trans_xy[1]; zloc=trans_z;}if (control==9) { // Quit Button controlprintf ("Quit Button clicked... Exit!\n");exit (1);}

}

GLUT Display 함수

void display(void){

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);MakeGL_Model(); // 물체 모델링if (status==WIRE) DrawWire(); // 물체 렌더링 ( 선구조형상 )else DrawShade(); // 물체 렌더링 ( 쉐이딩 )

}

Read File( 모델링 파일 ) void ReadModel(){

FILE *f1;char s[81];int i;if ((f1 = fopen(fname, "rt"))== NULL) { printf("No file\n"); exit(0); }fscanf(f1,"%s",s); printf( "%s", s ); // 문자열 “ VERTEX” 읽음fscanf(f1,"%s",s); printf( "%s", s ); // 문자열 “ =“ 읽음fscanf(f1,"%d",&pnum); printf( "%d\n", pnum); // 버텍스의 개수 읽음

mpoint = (Point*)malloc(sizeof(Point)*pnum); // 버텍스 개수 만큼 POINT 배열 설정for (i=0; i<pnum; i++){fscanf(f1,"%f",&mpoint[i].x); // 버텍스 읽음 (x 좌표 ) fscanf(f1,"%f",&mpoint[i].y); // 버텍스 읽음 (y 좌표 )

fscanf(f1,"%f",&mpoint[i].z); // 버텍스 읽음 (z 좌표 ) printf( "%f %f %f\n", mpoint[i].x, mpoint[i].y,mpoint[i].z);}

fscanf(f1,"%s",s); printf( "%s", s ); // 문자열 “ FACE” 읽음fscanf(f1,"%s",s); printf( "%s", s ); // 문자열 “ =” 읽음fscanf(f1,"%d",&fnum); printf( "%d\n", fnum); // 면의 개수 읽음mface = (Face*)malloc(sizeof(Face)*fnum); // 면 개수 만큼 FACE 배열 설정

for (i=0; i<fnum; i++){fscanf(f1,"%d",&mface[i].ip[0]); // 1 번째 점의 인덱스 읽음 fscanf(f1,"%d",&mface[i].ip[1]); // 2 번째 점의 인덱스 읽음fscanf(f1,"%d",&mface[i].ip[2]); // 3 번째 점의 인덱스 읽음 printf("%d %d %d\n", mface[i].ip[0], mface[i].ip[1], mface[i].ip[2]);}fclose(f1);

}

VERTEX = 8-100.0 -100.0 -100.0100.0 -100.0 -100.0100.0 100.0 -100.0-100.0 100.0 -100.0-100.0 -100.0 100.0100.0 -100.0 100.0100.0 100.0 100.0-100.0 100.0 100.0FACE = 127 5 67 4 53 2 13 1 02 6 52 5 13 7 63 6 20 4 70 7 31 5 41 4 0

Cube.dat

OpenGL Modeling

void MakeGL_Model(void){

int i;Point norm; // 폴리건의 노말 벡터glShadeModel(GL_SMOOTH); // Gouraud 쉐이딩 // GL_FLAT Constant 쉐이딩if (glIsList(1)) glDeleteLists(1,1); // 모델 리스트 설정 glNewList(1, GL_COMPILE); glPushMatrix(); // 행렬 스택에 푸쉬 glTranslatef(xloc, yloc, zloc); // 물체 이동 변환 glMultMatrixf (rotation_matrix); // 물체 회전 변환 행렬 glRotatef(angle, 0.0, 1.0, 0.0); // 물체 회전 변환 glScalef(scalefactor, scalefactor, scalefactor); // 물체 크기 변환 for (i = 0; i < fnum; i++) {norm = cnormal(mp[mf[i].ip[2]], mp[mf[i].ip[1]], mp[mf[i].ip[0]]); // 면 노말 계산glBegin(GL_TRIANGLES); // 삼각형으로 면 생성glNormal3f(norm.x, norm.y, norm.z); // 면 노말 설정glVertex3f(mp[mf[i].ip[0]].x, mp[mf[i].ip[0]].y, mp[mf[i].ip[0]].z); // 1 번째 점 설정glVertex3f(mp[mf[i].ip[1]].x, mp[mf[i].ip[1]].y, mp[mf[i].ip[1]].z); // 2 번째 점 설정glVertex3f(mp[mf[i].ip[2]].x, mp[mf[i].ip[2]].y, mp[mf[i].ip[2]].z); // 3 번째 점 설정glEnd();}glPopMatrix(); // 행렬 스택에서 팝glEndList();

}

PushMatrix PopMatrix

SOR Model

void MakeSORModel(){

int i; int IncAngle=10 // 회전 증가 변수 (10 도씩 회전 )pnum=(360/IncAngle)*2; // 점의 개수mpoint = (Point*)malloc(sizeof(Point)*pnum); // 점의 개수 할당mpoint[0].x=100; mpoint[0].y=-100; mpoint[0].z=100; // 첫번째 점의 초기 위치mpoint[1].x=100; mpoint[1].y=100; mpoint[1].z=100; // 두번째 점의 초기 위치for (i=0; i<pnum-2; i++){ // 회전에 의한 점 위치 계산mpoint[i+2].x= cos(IncAngle*PI/180)*mpoint[i].x-sin(IncAngle*PI/180)*mpoint[i].z;mpoint[i+2].y= mpoint[i].y;mpoint[i+2].z= sin(IncAngle*PI/180)*mpoint[i].x+cos(IncAngle*PI/180)*mpoint[i].z;}fnum=2*360/IncAngle; // 면의 개수mface = (Face*)malloc(sizeof(Face)*fnum); // 면의 개수 할당for (i=0; i<pnum; i+=2) { // 계산된 점들로 면 구성mface[i].ip[0]=i%pnum;mface[i].ip[1]=(i+1)%pnum;mface[i].ip[2]=(i+1+2)%pnum;mface[i+1].ip[0]=i%pnum;mface[i+1].ip[1]=(i+1+2)%pnum;mface[i+1].ip[2]=(i+2)%pnum;}

}

OpenGL Shading

void Draw……(void){// glClearColor(1.0f, 1.0f, 1.0f, 1.0f); // 화면 배경 색 흰색으로 설정// 칼라 버퍼와 깊이 버퍼 초기화

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glEnable (GL_DEPTH_TEST); // 깊이 테스트 켬glEnable(GL_COLOR_MATERIAL); // 물체의 재질 패러미터 사용if (cull) glEnable(GL_CULL_FACE); // Culling 사용else glDisable(GL_CULL_FACE); if (light) glEnable(GL_LIGHTING); // 조명 켬else glDisable(GL_LIGHTING);

glPolygonMode(GL_FRONT_AND_BACK, GL_LINE); // 선구조형상으로 표현// glPolygonMode(GL_FRONT_AND_BACK, GL_FILL); // 쉐이딩으로 표현

// 모델링단계에서 설정한 모델링 리스트의 1 번을 부름glCallList(1);

// 더블 버퍼 사용 : 화면 버퍼와 백버퍼를 교환 속도향상glutSwapBuffers();

}