Microsoft PowerPoint - lecture16-ch8.ppt [호환 모드]

Size: px

Start display at page:

Download "Microsoft PowerPoint - lecture16-ch8.ppt [호환 모드]"

일화 남궁
6 years ago
Views:

1 OpenGL Texturing Texture Mapping 년가을학기 11/16/017 단국대학교박경신 OpenGL 에서텍스쳐맵핑 (texture mapping) 을위한 3 단계 텍스쳐활성화 glenable(gl_texture_d) 텍스쳐맵핑방법 ( 랩핑, 필터등 ) 정의 gltexparameteri(gl_texture_d, GL_TEXTURE_WRAP_S, GL_REPEAT) gltexparameteri(gl_texture_d, GL_TEXTURE_WRAP_T, GL_REPEAT) gltexparameteri(gl_texture_d, GL_TEXTURE_MAG_FILTER, GL_LINEAR) gltexparameteri(gl_texture_d, GL_TEXTURE_MIN_FILTER, GL_LINEAR) glteximaged(gl_texture_d, 0, GL_RGB, width, height, 0, GL_RGB, GL_UNSIGNED_BYTE, imagedata) 텍스쳐좌표 (texture coordinates) 지정 // Square Vertices Texture Coordinates squaretexturecoords.push_back(glm::vec(0.0f, 0.0f)); squaretexturecoords.push_back(glm::vec(1.0f, 0.0f)); squaretexturecoords.push_back(glm::vec(1.0f, 1.0f)); squaretexturecoords.push_back(glm::vec(0.0f, 1.0f)); OpenGL Texturing Modern OpenGL 텍스쳐맵핑 (texture mapping) 은 fragment shading 에서 sampler 로구현됨 Sampler 는텍스쳐색을반환 //TextureFragmentShader.fs in vec texcoordpass; // texure coordinate from rasterizer out vec4 Color; // output color uniform samplerd gtexturesampler; //texture object from application void main() { Color = textured( gtexturesampler, texcoordpass ); } //TransformVertexShader.vs in vec3 vposition;// vertex position (in model space) in vec vtexcoord;// texture coordinate (in model space) out vec texcoordpass; // Output data will be interpolated for each fragment. uniform mat4 gmvp; // Values that stay constant for the whole mesh. void main() { gl_position = gmvp * vec4(vposition,1); // Output position of the vertex texcoordpass = vtexcoord; } OpenGL Texture Names 텍스쳐의이름 (name) 지정하기 (textureid) GLuint textureid; glgentextures(1, &textureid); glbindtexture(gl_texture_d, textureid); glteximaged( ); gltexparameterf(..); glbindtexture(gl_texture_d, 0); 텍스쳐이름으로텍스쳐불러오기 glactivetexture(gl_texture0); glbindtexture(gl_texture_d, textureid);

2 glteximaged glteximaged(glenum target, GLint level, GLint internalformat, GLsizei width, GLsizei height, GLint border, GLenum format, GLenum type, const GLvoid *pixels); target: GL_TEXTURE_D level: 텍스쳐맵의다양한해상도를지원하기위해설정. 1 개의해상도를지정하려면 1 로설정. 밉맵 (mipmapping) 에사용 각텍스쳐를위한다수의크기를가지고있는이미지를사용하지않는다면 0 으로지정 internalformat: 일반적으로 format 과같음. RGB 라면 3, RGBA 라면 4 로설정 width, height: 텍스쳐이미지의너비와높이는 의자승으로되어야함 ( 즉,, 4, 8, 16, 3, 64, 18, 56, 51, etc) border: 텍스쳐의경계선너비를지정. 보통 0 이고이미지데이터가 border 를가지고있으면 1 로지정. type: 텍스쳐이미지데이터의형식을설정. glteximage1d glteximage1d(glenum target, GLint level, GLint internalformat, GLsizei width, GLint border, GLenum format, GLenum type, const GLvoid *pixels); glteximaged() 함수는 차원텍스처이미지를정의하고 glteximage1d() 함수는 1차원텍스처이미지를정의한다. glteximage1d() 함수와 glteximaged() 함수의사용방법과인자의의미는거의동일하며 glteximaged() 함수에만이미지텍스처의 height( 높이 ) 인자가추가된다. gltexsubimaged 텍스쳐크기가 의승수 (e.g., 64x64, 18x56,..) 가아닌경우텍스쳐이미지의일부분만읽어들일때사용함 gltexsubimaged(glenum target, GLint level, GLint xoffset, GLint yoffset, GLsizei width, GLsizei height, GLenum format, GLenum type, const GLvoid *pixels); OpenGL Texture Coordinates 텍스쳐맵핑이사용되려면객체에텍스쳐좌표를정의해야한다. GLUT teapot은텍스쳐좌표를포함하고있다. GLU quadrics도텍스쳐좌표를옵션으로정의할수있다. gluquadrictexture(quadric, GL_TRUE) 를사용하여텍스쳐맵핑활성화

OpenGL Texture Coordinates OpenGL에서텍스쳐좌표는텍스쳐이미지의각방향 (S, T)

0,0.0) OpenGL Texture Coordinates 텍스쳐는다각형에고르게입힐필요는없음.

Texture Coordinates (0,0) (1,0) (1,1) (0,1) Vertex

Texture space (1,0) s Object space (3.0,-.0,0.

영역을벗어날경우에 texture wrapping 방법으로정의함 : GL_CLAMP,

개의텍스쳐좌표를 (0,0), (0,3.5), (3.5,0), (3.5,3.

3 OpenGL Texture Coordinates OpenGL에서텍스쳐좌표는텍스쳐이미지의각방향 (S, T) 의 0부터 1의영역으로형성됨. OpenGL에서각정점별로텍스쳐좌표를지정해야함. 정점의텍스쳐좌표가객체의표면에보간되어나타남. t (.5,5.0,0.0) (0,1) (1,1) (0.0,0.0,0.0) OpenGL Texture Coordinates 텍스쳐는다각형에고르게입힐필요는없음. 기하하적모델이나텍스쳐좌표사용에따라서, 이미지가때론왜곡되게나타날수도있음. Texture Coordinates (0,0) (1,0) (1,1) (0,1) Vertex Positions (-1.0, -1.0, 0.0) (1.0, -1.0, 0.0) (rmouseposx, rmouseposy, 0.0) (lmouseposx, lmouseposy, 0.0) (0,0) Texture space (1,0) s Object space (3.0,-.0,0.0) OpenGL Texture Filtering OpenGL 에서텍스쳐좌표가 [0, 1] 영역을벗어날경우에 texture wrapping 방법으로정의함 : GL_CLAMP, GL_CLAMP_TO_EDGE, GL_REPEAT, GL_MIRRORED_REPEAT 사각형에 4 개의텍스쳐좌표를 (0,0), (0,3.5), (3.5,0), (3.5,3.5) 로정의한예 OpenGL Texture Filtering Mipmap은이전 mipmap 너비와폭의절반크기임. 텍스쳐가작아질수록, 보다많은텍셀이한픽셀에적용되야하므로 GL_NEAREST나 GL_LINEAR 필터가정확한계산결과를만들지않을수있음. 따라서객체가움직일때텍스쳐가 flickering하게나타날수있음. 밉맵은이런 flickering문제를줄여줄수있음. 그러나일반적으로희미하게보임. Repeat Clamp Repeat &Clamp GL_LINEAR GL_LINEAR_MIPMAP_LINEAR

4 OpenGL Texture Filtering 텍스쳐맵핑을위한필터링방법 최근점필터 (nearest neighbor filter) GL_NEAREST 이선형필터 (bilinear interpolation filter) GL_LINEAR 삼선형필터 (trilinear interpolation filter) mipmap filter GL_LINEAR_MIPMAP_LINEAR 혼합필터 (hybrid filter) GL_NEAREST_MIPMAP_LINEAR GL_LINEAR_MIPMAP_NEAREST GL_NEAREST_MIPMAP_NEAREST OpenGL Texture Filtering gltexparameter{if}v(glenum target, GLenum pname, TYPE *param); GL_TEXTURE_WRAP_S, GL_TEXTURE_WRAP_T GL_CLAMP, GL_CLAMP_TO_EDGE, GL_REPEAT, GL_MIRRORED_REPEAT GL_TEXTURE_MAG_FILTER GL_NEAREST, GL_LINEAR GL_TEXTURE_MIN_FILTER GL_NEAREST, GL_LINEAR (Mipmap 을사용하지않는경우 ) GL_NEAREST_MIPMAP_NEAREST, GL_NEAREST_MIPMAP_LINEAR, GL_LINEAR_MIPMAP_NEAREST, GL_NEAREST_MIPMAP_NEAREST GL_TEXTURE_BORDER_COLOR [0.0, 1.0] 영역의값 GL_TEXTURE_PRIORITY 0 또는 1 Texture Environment Parameters Texture Environment Parameters gltexenv{fi}[v](..) 를사용하여텍스쳐의색 (C t, A t ) 과현재처리하는프레임버퍼의픽셀색 (C f, A f ) 을어떻게혼합할지설정함 GL_TEXTURE_ENV_MODE 의모드 : GL_MODULATE: 텍스쳐의색성분과음영에서주어지는색성분을곱함으로써텍스쳐맵핑없이할당될음영을변조가능 GL_DECAL: 텍스쳐의색이객체의색을완전히결정 GL_BLEND: 환경색과합성함 GL_REPLACE: 텍스쳐색만사용함 GL_BLEND 의합성색은 GL_TEXTURE_ENV_COLOR 으로지정함 GLfloat blendcolor[] = {0.0, 1.0, 0.0, 0.5}; gltexenvfv(gl_texture_env, GL_TEXTURE_ENV_COLOR, blendcolor);

OpenGL Texture Movies 텍스쳐이미지 sequence를이용하여 flipbook 애니메이션제작 inittexture() 함수에서전체텍스쳐이미지를읽어들임 idle() 함수에서 currenttextureid를 update함 drawtexture() 함수에서는동일한정점좌표와텍스쳐좌표에 glbindtexture(gl_texture_d,

$image5 image6 planecoefficients = { 1, 0, 0, 0 }; gltexgeni(gl_s, GL_TEXTURE_GEN_MODE, GL_OBJECT_LINEAR) ; gltexgenfv(gl_s, GL_OBJECT_PLANE, planecoefficients); glenable(gl_texture_gen_s) ;$

5 OpenGL Texture Movies 텍스쳐이미지 sequence를이용하여 flipbook 애니메이션제작 inittexture() 함수에서전체텍스쳐이미지를읽어들임 idle() 함수에서 currenttextureid를 update함 drawtexture() 함수에서는동일한정점좌표와텍스쳐좌표에 glbindtexture(gl_texture_d, currenttextureid); 를사용하여프레임당한텍스쳐를 binding함 애니메이션효과를줌 OpenGL Texture Coordinate Generation OpenGL 에서는텍스쳐좌표를자동적으로생성할수있음 S, T 방향으로텍스쳐좌표자동생성을활성화해야함 glenable(gl_texture_gen_s), glenable(gl_texture_gen_t) GL_TEXTURE_GEN_MODE 모드 : GL_OBJECT_LINEAR, GL_EYE_LINEAR, GL_SPHERE_MAP 평면 (plane) 을지정해야함 - 평면으로부터의거리에바탕을둔텍스쳐좌표를생성 gltexgenfv(gl_s, GL_OBJECT_PLANE, planecoefficients) image1 image image3 image4 image5 image6 planecoefficients = { 1, 0, 0, 0 }; gltexgeni(gl_s, GL_TEXTURE_GEN_MODE, GL_OBJECT_LINEAR) ; gltexgenfv(gl_s, GL_OBJECT_PLANE, planecoefficients); glenable(gl_texture_gen_s) ; glbegin(gl_quads) ; glvertex3f(-3.5, -1, 0); glvertex3f(-1.5, -1, 0) ; glvertex3f(-1.5, 1, 0); glvertex3f(-3.5, 1, 0) ; glend() ; OpenGL Sphere Mapping OpenGL에서는구형맵핑 (sphere mapping) 지원 구형맵핑텍스쳐좌표는 view 벡터가구표면의법선벡터에반사된 reflection 벡터로계산됨. 반사벡터를 차원텍스쳐좌표로맵핑하는것이간단하고하드웨어, 소프트웨어로도구현이가능. 그러나원형이미지를구하는것이어려움 (360도의주변환경을담은이미지여야함 ). 아주넓은광학렌즈에의한원근투영을구하거나, 입방체투영을이용하여근사한값을얻음. gltexgeni(gl_s, GL_TEXTURE_GEN_MODE, GL_SPHERE_MAP) ; gltexgeni(gl_t, GL_TEXTURE_GEN_MODE, GL_SPHERE_MAP) ; glenable(gl_texture_gen_s) ; glenable(gl_texture_gen_t) ; OpenGL Box Mapping OpenGL에서는입방체맵핑 (box mapping) 지원 입방체맵은반사맵핑 (reflection mapping) 의하나임 그러나입방체맵은 3차원텍스쳐좌표를사용해야함 반사텍스쳐는환경을둘러싸고있는입방체의 6면 차원텍스쳐 gltexgeni(gl_s, GL_TEXTURE_GEN_MODE, GL_REFLECTION_MAP) ; gltexgeni(gl_t, GL_TEXTURE_GEN_MODE, GL_REFLECTION_MAP) ; gltexgeni(gl_r, GL_TEXTURE_GEN_MODE, GL_REFLECTION_MAP) ; glenable(gl_texture_gen_s) ; glenable(gl_texture_gen_t) ; glenable(gl_texture_gen_r) ; glenable(gl_texture_cube_map);

Multitexturing 멀티텍스쳐 (Multitexturing) 하나이상의텍스쳐를객체에적용해서렌더링효과를높이는경우 + = OpenGL 1..1 revision (ARB_multitexture extension) Multitexturing Single-Pass vs.

싱글패스다중텍스쳐링은하나의렌더링패스안에서텍스쳐를여러개입히는것 다중패스다중텍스쳐링은블렌딩으로장면이나다각형자체를여러번렌더링하는것 라이트매핑 (Ligh

물체면의밝기를계산하는대신텍스쳐와조명결과를혼합하여결과적으로영상을직접물체면에입힘 (e.g.

Multitexturing void SetMultitexturSquareData() { // 중간생략.

6 Multitexturing 멀티텍스쳐 (Multitexturing) 하나이상의텍스쳐를객체에적용해서렌더링효과를높이는경우 + = OpenGL 1..1 revision (ARB_multitexture extension) Multitexturing Single-Pass vs. Multi-Pass Multitexturing 싱글패스다중텍스쳐링은하나의렌더링패스안에서텍스쳐를여러개입히는것 다중패스다중텍스쳐링은블렌딩으로장면이나다각형자체를여러번렌더링하는것 라이트매핑 (Light Mapping) 물체면의밝기를계산하는대신텍스쳐와조명결과를혼합하여결과적으로영상을직접물체면에입힘 (e.g. Quake 등게임 ) Incoming Fragment Color Texture 0 Environme nt Texture 1 Environme nt Resulting Color + = Texture 0 Color Texture 1 Color y v Single-Pass Multitexturing (1,1) (1,1) Single-Pass Multitexturing void SetMultitexturSquareData() { // 중간생략.. x glgenbuffers(4, &vbo[0]); u (-1,-1) (0,0) glbindbuffer(gl_array_buffer, vbo[0]); glbufferdata(gl_array_buffer, 4*sizeof(glm::vec3), &quadvertices[0], GL_STATIC_DRAW); glvertexattribpointer(0, 3, GL_FLOAT, GL_FALSE, 0, 0); glenablevertexattribarray(0); glbindbuffer(gl_array_buffer, vbo[1]); glbufferdata(gl_array_buffer, 4*sizeof(glm::vec3), &quadnormals[0], GL_STATIC_DRAW); glvertexattribpointer(1, 3, GL_FLOAT, GL_FALSE, 0, 0); glenablevertexattribarray(1); glbindbuffer(gl_array_buffer, vbo[]); glbufferdata(gl_array_buffer, 4*sizeof(glm::vec), &quadtexturecoords[0], GL_STATIC_DRAW) glvertexattribpointer(,, GL_FLOAT, GL_FALSE, 0, 0); glenablevertexattribarray(); glbindbuffer(gl_array_buffer, vbo[3]); glbufferdata(gl_array_buffer, 4*sizeof(glm::vec), &quadtexturecoords[0], GL_STATIC_DRAW) glvertexattribpointer(3,, GL_FLOAT, GL_FALSE, 0, 0); glenablevertexattribarray(3); } Bind and enable two D multitextures to draw a quad // stage 0 activate glactivetexture(gl_texture0); glbindtexture(gl_texture_d, texture0); // stage 1 activate glactivetexture(gl_texture1); glbindtexture(gl_texture_d, texture1); drawsquare(); // texture disabled glbindtexture(gl_texture_d, 0);

Billboarding (-1,1,0) z y (0,0,0) x (1,1,0) 빌보드기법 사각형의정면이항상카메라의정면을향하여바라보도록만드는것으로, 결과적으로카메라가어느방향에서바라보아도사각형은항상같은면을보여주게됨 사용예로써, 넓은지면위에나무를나타내고자할때나무를메쉬모델링으로표현하지않고나무이미지를빌보드로구현함

행렬에는관찰자의시점에대한수직벡터 (up vector) 와우측벡터 (right vector) 정보가있음 Glfloat M[16]; glgetfloatv(gl_modelview_matrix, M); Right-vector Up-vector Look-vector m 0 m 4 m 8 m 1 m 1 m 5 m 9 m 13 m m 6 m 10 m 14 m 3 m

7 Billboarding (-1,1,0) z y (0,0,0) x (1,1,0) 빌보드기법 사각형의정면이항상카메라의정면을향하여바라보도록만드는것으로, 결과적으로카메라가어느방향에서바라보아도사각형은항상같은면을보여주게됨 사용예로써, 넓은지면위에나무를나타내고자할때나무를메쉬모델링으로표현하지않고나무이미지를빌보드로구현함 알파텍스처기법과애니메이션이결합된빌보드기법은고체표면을갖지않는여러현상을표현하는데사용 : 연기, 불, 안개, 폭발등 (-1,-1,0) (1,-1,0) Billboarding 적용후 Billboarding 빌보드원리 구현의핵심은, 항상시점을바라보도록 Modelview 행렬을이용하여빌보드사각형을이루는 vertex를조정해야함 Modelview 행렬에는관찰자의시점에대한수직벡터 (up vector) 와우측벡터 (right vector) 정보가있음 Glfloat M[16]; glgetfloatv(gl_modelview_matrix, M); Right-vector Up-vector Look-vector m 0 m 4 m 8 m 1 m 1 m 5 m 9 m 13 m m 6 m 10 m 14 m 3 m 7 m 11 m 15 Up-vector Right-vector Billboarding Axial Symmetry 빌보드사각형이 vertical axis 를중심으로회전 (rotate) 해야함 Modelview matrix M 에서부터카메라의 -yaw angle 을계산함 theta = atanf(m[8], M[10]); Look.x Look.z 빌보드사각형의 Rotation matrix R은 arbitrary axis ( 일반적으로 up vector=(0, 1, 0)) 과 angle ( 카메라 yaw angle의반대 ) 로계산함 R Icos Symmetric (1 cos ) Skew sin ax cos (1 ax ) axay (1 cos ) az sin axay (1 cos ) az sin ay cos (1 ay ) axaz (1 cos ) ay sin ayaz (1 cos ) ax sin a xaz (1 cos ) ay sin ayaz (1 cos ) ax sin a cos (1 ) z az

Point Sprites Reference Point Sprites 이란하드웨어기반의빌보드기법으로, 사용예로써파티클시스템 (Particle System) 에서다수의입자 (Particle) 을텍스쳐사각형메쉬 (Quad) 대신점 (Point) 를사용하여지정함 OpenGL extension (GL_ARB_point_parameters &

8 Point Sprites Reference Point Sprites 이란하드웨어기반의빌보드기법으로, 사용예로써파티클시스템 (Particle System) 에서다수의입자 (Particle) 을텍스쳐사각형메쉬 (Quad) 대신점 (Point) 를사용하여지정함 OpenGL extension (GL_ARB_point_parameters & GL_ARB_point_sprite) OpenGL Billboarding Tutorial SIGGRAPH 97 Advanced OpenGL Programs ed97/programs/programs.html OpenGL Point Sprites 7 Particle Systems

Microsoft PowerPoint - lecture18-ch8

Microsoft PowerPoint - lecture18-ch8 OpenGL Texturing Texture Mapping 321190 2007년봄학기 5/25/2007 박경신 OpenGL 에서텍스쳐맵핑 (texture mapping) 을위한 3 단계 텍스쳐활성화 glenable(gl_texture_2d) 텍스쳐맵핑방법 ( 랩핑, 필터등 ) 정의 gltexparameteri(gl_texture_2d, GL_TEXTURE_WRAP_S,