{"id":43,"date":"2005-05-10T06:48:00","date_gmt":"2005-05-10T06:48:00","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=43"},"modified":"2017-01-29T20:22:11","modified_gmt":"2017-01-29T11:22:11","slug":"opengl-tutorial-sprite-processing-by-the-blending","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=43","title":{"rendered":"[OpenGL Tutorial]  Sprite Processing by The Blending"},"content":{"rendered":"<p><P>\uc774\ubc88\uc7a5\uc5d0\uc11c\ub294 \ube14\ub79c\ub529\uc758 \ub610 \ub2e4\ub978 \ud65c\uc6a9\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf4\uaca0\ub294\ub370 \uadf8 \uc8fc\uc81c\ub85c 2\ucc28\uc6d0 \uac8c\uc784\uc5d0\uc11c \ub9ce\uc774 \uc0ac\uc6a9\ub418\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8 \ucc98\ub9ac \uae30\ubc95\uc5d0 \ub300\ud55c \uc608\uc774\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc740 \uadf8\ub9bc\uc774 \uc900\ube44\ub418\uc5b4\uc788\ub2e4. \uccab\uc9f8\ub294 \ubc14\ud0d5\ud654\uba74 \uadf8\ub9bc\uc774\uace0 \ub458\uc9f8\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8\uac00 \ub420 \uc774\ubbf8\uc9c0, \uadf8\ub9ac\uace0 \uc14b\uc9f8\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\uc640 \ubc30\uacbd\uacfc\uc758 \uc870\ud654\ub97c \uc704\ud55c \ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0\uc774\ub2e4.<\/p>\n<p align='center'><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1279694925.jpg\" class=\"aligncenter\" width=\"128\" height=\"128\" alt=\"\uc0ac\uc6a9\uc790 \uc0bd\uc785 \uc774\ubbf8\uc9c0\" \/>(\ubc30\uacbd \uc774\ubbf8\uc9c0)<\/p>\n<p align='center'><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1043787632.jpg\" class=\"aligncenter\" width=\"64\" height=\"128\" alt=\"\uc0ac\uc6a9\uc790 \uc0bd\uc785 \uc774\ubbf8\uc9c0\" \/>(\uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0)<\/p>\n<p align='center'><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1198885315.jpg\" class=\"aligncenter\" width=\"64\" height=\"128\" alt=\"\uc0ac\uc6a9\uc790 \uc0bd\uc785 \uc774\ubbf8\uc9c0\" \/>(\ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0)<\/p>\n<p><P>\uc704\uc758 \uc774\ubbf8\uc9c0\uac00 \uc11e\uc5ec\uc11c \ub2e4\uc74c\uacfc \uac19\uc740 \uc2a4\ud504\ub77c\uc774\ud2b8 \ud6a8\uacfc\ub97c \uc5bb\ub294\uac83\uc774 \uc774\uc7a5\uc758 \ubaa9\ud45c\uc774\ub2e4.<\/P><\/p>\n<p align='center'><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1153231351.jpg\" class=\"aligncenter\" width=\"220\" height=\"222\" alt=\"\uc0ac\uc6a9\uc790 \uc0bd\uc785 \uc774\ubbf8\uc9c0\" \/>(\ucd5c\uc885 \uacb0\uacfc \ud654\uba74)<\/p>\n<p><P>\uc2e4\uc81c\ub85c \uc6b0\ub9ac\ub294 OpenGL\uc744 \uc0ac\uc6a9\ud574\uc11c \uc704\uc5d0\uc11c \uc8fc\uc5b4\uc9c4 \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\uc5d0\uc11c \uc704\uc640 \uc544\ub798\uc5d0 \uadf8\ub824\uc9c4 \uce90\ub9ad\ud130\uc758 \ub450\uac1c\uc758 \ub3d9\uc791\uc744 \uc8fc\uae30\uc801\uc73c\ub85c \ubc18\ubcf5\ud574\uc11c \uc2e4\uc81c\ub85c \uce90\ub9ad\ud130\uac00 \uc6c0\uc9c1\uc774\ub294 \uac83 \uac19\uc740 \ubaa8\uc2b5\uc73c\ub85c \ub9c8\ubb34\ub9ac\ub97c \uc9d3\uaca0\ub2e4.<\/P><br \/>\n<P>\uc774\uc7a5\uc740 6\uc7a5\uc758 \uc18c\uc2a4 \ucf54\ub4dc\uc5d0\uc11c \uc2dc\uc791\ud558\ub3c4\ub85d \ud558\uaca0\ub2e4.<\/P><br \/>\n<P>\uac00\uc7a5 \uba3c\uc800 \ud574\uc57c\ud560 \uac83\ub4e4\uc740 \ubc30\uacbd \uc774\ubbf8\uc9c0\uc640 \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\uc640 \ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0\ub97c \uc77d\uc5b4\ub4e4\uc5b4\uc57c \ud558\ub294\ub370 \uc774\uac83\uc740 \ud14d\uc2a4\uccd0 \ub9f5\ud551 \uc18c\uc2a4\uc758 \ud615\ud0dc\ub85c \uc77d\uc5b4\ub4e4\uc5b4\uc57c \ud55c\ub2e4. \uba3c\uc5b4 \uc774 \uc138\uac00\uc9c0\uc758 \uc774\ubbf8\uc9c0\ub97c \uc77d\uc5b4\ub4e4\uc774\ub294 \ucf54\ub4dc\uc5d0 \ub300\ud574\uc11c \uc0b4\ud3b4\ubcf4\uc790. \uc774\ubbf8\uc9c0\ub97c \uc77d\uc5b4\ub4e4\uc774\ub294 \ucf54\ub4dc\ub294 InitGL \ud568\uc218\uc5d0\uc11c \ud574\uc900\ub2e4. InitGL \ud568\uc218\uc758 \uad6c\ud604 \ubd80\ubd84\uc744 \uc644\uc804\uc774 \uc0c8\ub86d\uac8c \uae30\uc220\ud55c\ub2e4. \uadf8 \ucf54\ub4dc\ub294 \uc544\ub798\uc640 \uac19\ub2e4.<\/P><\/p>\n<pre>int InitGL(GLvoid)\r\n{\r\n    AUX_RGBImageRec *texRec[3];\r\n    memset(texRec, 0, sizeof(AUX_RGBImageRec *));\r\n    if((texRec[0]=LoadBMPFile(\"Image\/back.bmp\")) &&\r\n       (texRec[1]=LoadBMPFile(\"Image\/sprite.bmp\")) &&\r\n       (texRec[2]=LoadBMPFile(\"Image\/mask.bmp\"))) {\r\n        glGenTextures(3, &texture[0]);\r\n        for(int i=0; i<3; i++) {\r\n          glBindTexture(GL_TEXTURE_2D, texture[i]);\r\n          glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);\/\/<*>\r\n          glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);\/\/<*>\r\n          gluBuild2DMipmaps(GL_TEXTURE_2D, 3, texRec[i]->sizeX, texRec[i]->sizeY,\r\n                GL_RGB, GL_UNSIGNED_BYTE, texRec[i]->data);\r\n        }\r\n    } else return FALSE;\r\n   \r\n    for(int i=0; i<3; i++) {\r\n        if(texRec[i]) {\r\n            if(texRec[i]->data) free(texRec[i]->data);\r\n            free(texRec[i]);\r\n        } else return FALSE;\r\n    }\r\n   \r\n    glEnable(GL_TEXTURE_2D);\r\n    glTexEnvi(GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_MODULATE);\r\n    glShadeModel(GL_SMOOTH);\r\n    glClearColor(0.0f, 0.0f, 0.0f, 0.5f);\r\n    glClearDepth(1.0f);\r\n    glDepthFunc(GL_LEQUAL);\r\n    glHint(GL_PERSPECTIVE_CORRECTION_HINT, GL_NICEST);\r\n    return TRUE;\r\n}<\/pre>\n<p>6\uc7a5\uc758 \uc18c\uc2a4 \ucf54\ub4dc\uc5d0 \ud06c\uac8c \ub2ec\ub77c\uc9c4 \uac83\uc740 \uc5c6\ub2e4. \ubc14\ub010 \uc911\uc694\ud55c \uac83\uc740 \ub9f5\ud551 \uc18c\uc2a4\ub85c \uc0ac\uc6a9\ub420 \uadf8\ub9bc \ud30c\uc77c\uc774 3\uac1c\ub85c \ub298\uc5b4\ub0ac\ub2e4. \ud558\uc9c0\ub9cc \ub208\uc5d0 \uc798 \ubcf4\uc774\uc9c0 \uc54a\ub294 \uc911\uc694\ud55c \uc911\uc694\ud55c \ubcc0\ud654\uac00 \uc788\ub294\ub370 \uc704 \ucf54\ub4dc\uc758 \ub178\ub780\uc0c9 \ucf54\ub4dc\uac00 \ubc14\ub85c \uadf8\uac83\uc774\ub2e4. glTexParameteri\uc758 \uc138\ubc88\uc9f8 \uc778\uc790\uac00 GL_NEAREST\ub85c \ubcc0\uacbd\ub418\uc5c8\ub2e4. GL_LINEAR\ub85c \uc0ac\uc6a9\ud560 \uacbd\uc6b0 \uadf8\ub9bc\uc774 \ub098\uc058\uac8c \ud45c\ud604\ud558\uba74 \ub204\uadf8\ub7ec\uc838(?)\ubc84\ub9ac\uac8c \ub418\ub294\ub370 \uc774\uc810\uc744 \ub9c9\uae30\uc704\ud568\uc774\ub2e4.<br \/>\n<P>\uc138\uac1c\uc758 \ud14d\uc2a4\uccd0 \ub9f5\ud551 \uc18c\uc2a4\ub97c \uc0ac\uc6a9\ud558\ub294\ub370 \ud14d\uc2a4\uccd0 \ub9f5\ud551 \uc18c\uc2a4\uc758 \uc2dd\ubcc4\uc790\ub85c \uc0ac\uc6a9\ub418\ub294 \uc804\uc5ed\ubcc0\uc218\ub85c \uc120\uc5b8\ub41c GLuint tex[3] \ucf54\ub4dc\uc758 \ubcc0\uc218\uc774\ub984\uc744 texture\ub85c \ubcc0\uacbd\ud558\uae30 \ubc14\ub780\ub2e4. \uc989 \ub2e4\uc74c\uacfc \uac19\uac8c \ub9d0\uc774\ub2e4.<\/P><\/p>\n<pre>GLuint texture[3];<\/pre>\n<p>\uc790 \uc774\uc81c \ud14d\uc2a4\uccd0 \ub9f5\ud551 \uc18c\uc2a4\ub97c \uc5bb\ub294 \uac83\uc740 \uc774\ucbe4\uc5d0\uc11c \ub42c\uace0 \uc774\uc81c \uc2e4\uc81c\ub85c \uc2a4\ud504\ub77c\uc774\ud2b8 \ud6a8\uacfc\ub97c \ub098\ud0c0\ub0b4\ubcf4\uc790. \uba3c\uc800 \uc6d0\ub9ac\uc5d0 \ub300\ud574\uc11c \uc124\uba85\ud574 \ubcf4\uaca0\ub2e4. \uba3c\uc800 \uc0ac\uac01\ud615\uc758 \ud3f4\ub9ac\uace4\uc744 \uc774\uc6a9\ud574\uc11c \uadf8 \uc0ac\uac01\ud615\uc758 \ud3f4\ub9ac\uace4\uc5d0 \ubc30\uacbd \uc774\ubbf8\uc9c0\ub85c \ud14d\uc2a4\uccd0 \ub9f5\ud551\uc744 \ud55c\ub2e4. \uc774\ub807\uac8c \ud558\uba74 \ubc30\uacbd\uc740 \uac04\ub2e8\uc774 \uc644\uc131\ub41c\ub2e4. \uadf8\ub9ac\uace0 \uc791\uc740 \uc0ac\uac01\ud615\uc758 \ud3f4\ub9ac\uace4\uc744 \uc774\uc6a9\ud574\uc11c \ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0\ub85c \ud14d\uc2a4\uccd0 \ub9f5\ud551\uc744 \uc2dc\ud0a4\ub294\ub370 \uc774\ub54c \ube14\ub79c\ub529 \ud568\uc218\ub85c (GL_DST_COLOR, GL_ZERO)\ub97c \uc0ac\uc6a9\ud55c\ub2e4. \uadf8\ub9ac\uace0 \ubc14\ub85c \ub2e4\uc74c\uc5d0 \ub610 \ub2e4\ub978 \uc791\uc740 \uc0ac\uac01\ud615\uc758 \ud3f4\ub9ac\uace4\uc744 \uc774\uc6a9\ud574\uc11c \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\ub85c \ud14d\uc2a4\uccd0 \ub9f5\ud551\uc744 \uc2dc\ud0a4\ub294\ub370 \uc774\ub54c\uc758 \ube14\ub79c\ub529 \ud568\uc218\ub85c (GL_ONE, GL_ONE)\uc744 \uc0ac\uc6a9\ud55c\ub2e4. \uc774\ub54c \ub450\uac1c\uc758 \uc791\uc740 \uc0ac\uac01\ud615\uc758 \ud3f4\ub9ac\uace4\uc740 \ubaa8\ub450 \ub611 \uac19\uc740 \ud06c\uae30\uc774\uba70 \ub3d9\uc77c\ud55c \uc88c\ud45c\uc5d0 \uc704\uce58\ud574\uc57c\ub9cc \ud55c\ub2e4. \uc774\ub807\uac8c \ub418\uba74 \uc2a4\ud504\ub77c\uc774\ud2b8 \ud6a8\uacfc\ub97c \uac04\ub2e8\uc774 \uc5bb\uc744 \uc218 \uc788\uac8c \ub41c\ub2e4. \uc544\ub798\ub294 \uadf8 \uad6c\ud604 \ucf54\ub4dc\uc774\ub2e4.<\/P><\/p>\n<pre>int DrawGLScene(GLvoid)\r\n{\r\n    static GLuint frame = 0; \/\/ <1>\r\n    static GLfloat x = -5.0f; \/\/ <2>\r\n   \r\n    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);\r\n    glLoadIdentity();\r\n   \r\n    glTranslatef(0.0f, 0.0f, -10.0f);\r\n   \r\n    glEnable(GL_DEPTH_TEST); \/\/ <3>\r\n    glDisable(GL_BLEND); \/\/ <4>\r\n    glBindTexture(GL_TEXTURE_2D, texture[0]); \/\/ <5>\r\n    glBegin(GL_QUADS); \/\/ <6-1>\r\n    glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.5f, -1.5f, 0.0f); \/\/ <6-2>\r\n    glTexCoord2f(1.0f, 0.0f); glVertex3f(1.5f, -1.5f, 0.0f); \/\/ <6-3>\r\n    glTexCoord2f(1.0f, 1.0f); glVertex3f(1.5f, 1.5f, 0.0f); \/\/ <6-4>\r\n    glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.5f, 1.5f, 0.0f); \/\/ <6-5>\r\n    glEnd();\r\n   \r\n    glDisable(GL_DEPTH_TEST); \/\/ <7>\r\n    glEnable(GL_BLEND); \/\/ <8>\r\n    glBlendFunc(GL_DST_COLOR, GL_ZERO); \/\/ <9>\r\n    glBindTexture(GL_TEXTURE_2D, texture[2]); \/\/ <10>\r\n    glBegin(GL_QUADS); \/\/ <11-1>\r\n    glTexCoord2f(0.0f, frame*0.5f); glVertex3f(-.5f+x, -.5f, 0.0f); \/\/ <11-2>\r\n    glTexCoord2f(1.0f, frame*0.5f); glVertex3f(.5f+x, -.5f, 0.0f); \/\/ <11-3>\r\n    glTexCoord2f(1.0f, frame*0.5f+0.5f); glVertex3f(.5f+x, .5f, 0.0f); \/\/ <11-4>\r\n    glTexCoord2f(0.0f, frame*0.5f+0.5f); glVertex3f(-.5f+x, .5f, 0.0f); \/\/ <11-5>\r\n    glEnd();\r\n   \r\n    glBlendFunc(GL_ONE, GL_ONE); \/\/ <12>\r\n    glBindTexture(GL_TEXTURE_2D, texture[1]); \/\/ <13>\r\n    glBegin(GL_QUADS); \/\/ <14-1>\r\n    glTexCoord2f(0.0f, frame*0.5f); glVertex3f(-.5f+x, -.5f, 0.0f); \/\/ <14-2>\r\n    glTexCoord2f(1.0f, frame*0.5f); glVertex3f(.5f+x, -.5f, 0.0f); \/\/ <14-3>\r\n    glTexCoord2f(1.0f, frame*0.5f+0.5f); glVertex3f(.5f+x, .5f, 0.0f); \/\/ <14-4>\r\n    glTexCoord2f(0.0f, frame*0.5f+0.5f); glVertex3f(-.5f+x, .5f, 0.0f); \/\/ <14-5>\r\n    glEnd();\r\n   \r\n    if(frame == 0) frame = 1; \/\/ <15-1>\r\n    else frame = 0; \/\/ <15-2>\r\n   \r\n    Sleep(50); \/\/ <15-3>\r\n   \r\n    x += 0.025f; \/\/ <15-4>\r\n    if(x>6.0f) x=-5.0f; \/\/ <15-5>\r\n   \r\n    return TRUE;\r\n}<\/pre>\n<p>\ucf54\ub4dc \ud558\ub098\ud558\ub098 \uc9da\uc5b4 \ubcf4\uba70 \uc0b4\ud3b4\ubcf4\uc790.<br \/>\n<P><1> \ubc88 \ucf54\ub4dc\ub97c \uc0b4\ud3b4\ubcf4\uae30\uc5d0 \uc55e\uc11c \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud574\uc11c \ub2e4\uc2dc \ubcf4\uc790. \uc774 \uc774\ubbf8\uc9c0\ub294 \ub450\uac1c\uc758 \uce90\ub9ad\ud130 \ubaa8\uc2b5\uc744 \ub2f4\uace0 \uc788\ub2e4. \uc989 \uc704\ucabd\uacfc \uc544\ub798\ucabd\uc5d0 \uac01\uac01 \ubaa8\uc2b5\uc744 \ub2f4\uace0 \uc788\ub294\ub370 \ubc14\ub85c <1>\ubc88 \ucf54\ub4dc\uc758 frame\uc774 \uc704\ucabd\uacfc \uc544\ub798\ucabd \ubaa8\uc2b5\uc911\uc5d0 \uc5b4\ub5a4 \ubaa8\uc2b5\uc744 \ubcf4\uc5ec \uc904\uac83\uc778\uc9c0\ub97c \ub098\ud0c0\ub0b4\uac8c \ub41c\ub2e4. \uc989 frame\uac00 0\uc774\uba74 \uc544\ub7ab\ucabd \ubaa8\uc2b5\uc744 1\uc774\uba74 \uc704\ucabd \ubaa8\uc2b5\uc744 \ubcf4\uc5ec\uc8fc\uac8c \ub41c\ub2e4.<\/P><P><2> \ubc88 \ucf54\ub4dc\ub294 \uce90\ub9ad\ud130\uac00 \uc55e\uc73c\ub85c \uc6c0\uc9c1\uc774\ub294\ub370 \uadf8\ub54c \uc0ac\uc6a9\ub418\ub294 \uc88c\ud45c \ubcc0\uc218\uc774\ub2e4.<\/P><P><3>, <4> \ubc88 \ucf54\ub4dc\ub294 \ubc30\uacbd \uc774\ubbf8\uc9c0\ub97c \uadf8\ub9ac\uae30\uc5d0 \uc55e\uc11c Depth Buffer\ub97c \uc0ac\uc6a9\ud558\uac8c \ud558\uace0 \ube14\ub79c\ub529 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub3c4\ub85d \ud55c\ub2e4. \ubc30\uacbd\uc774\ubbf8\uc9c0\ub97c \uadf8\ub9b4\ub54c\ub294 \ube14\ub79c\ub529 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud574\uc11c\ub294 \uc54a\ub41c\ub2e4. \ubc30\uacbd\uc740 \ubc30\uacbd \uc790\uccb4\ub85c \uadf8\ub300\ub85c \uadf8\ub824\uc838\uc57c \ud558\uae30\ub54c\ubb38\uc774\ub2e4.<\/P><P><5> \ubc88 \ucf54\ub4dc\ub294 \ubc30\uacbd\uc744 \uadf8\ub9ac\uae30 \uc704\ud574 \ubc30\uacbd \ud14d\uc2a4\uccd0 \ub9f5\ud551 \uc18c\uc2a4\ub97c \uc0ac\uc6a9\ud558\ub3c4\ub85d \uc9c0\uc2dc\ud55c\ub2e4.<\/P><P><6> \ubc88 \ucf54\ub4dc\ub4e4\uc740 \uc2e4\uc81c\ub85c \uc0ac\uac01\ud615 \ud3f4\ub9ac\uace4\uc744 \uadf8\ub9ac\uace0 \ubc30\uacbd \ud14d\uc2a4\uccd0 \ub9f5\ud551\uc744 \uc0ac\uc6a9\ud574\uc11c \ubc30\uacbd \uadf8\ub9bc\uc744 \ud654\uba74\uc0c1\uc5d0 \uadf8\ub824\uc900\ub2e4.<\/P><P><7> \ubc88 \ucf54\ub4dc \ubd80\ud130\ub294 \ub4dc\ub514\uc5b4 \uc2a4\ud504\ub77c\uc774\ud2b8\ub97c \uadf8\ub824\uc8fc\ub294 \ucf54\ub4dc\uc758 \uc2dc\uc791\uc778\ub370 \uba3c\uc800 Depth Buffer\uc758 \uc0ac\uc6a9\uc744 \ub9c9\ub294\ub2e4. \uc774 \ud504\ub85c\uadf8\ub7a8\uc5d0\uc11c\ub294 \uad73\uc774 \ud544\uc694\uce58 \uc54a\uc73c\ub098 \uc77c\ubc18\uc801\uc73c\ub85c \ube14\ub79c\ub529 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560\ub54c\ub294 \ube14\ub79c\ub529 \ud568\uc218\uc5d0 \uc801\uc6a9\uc5d0 \ubc29\ud574\ub97c \ubc1b\uc9c0 \uc54a\ub3c4\ub85d Depth Buffer\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/P><P><8> \ubc88 \ucf54\ub4dc\ub294 \ube14\ub79c\ub529 \uae30\ub2a5\uc744 \ud65c\uc131 \uc2dc\ud0a8\ub2e4.<\/P><P><9> \ubc88 \ucf54\ub4dc\ub294 \ube14\ub79c\ub529 \ud568\uc218\ub97c \uc9c0\uc815\ud558\uac8c \ub41c\ub294\ub370 \ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud55c \ube14\ub79c\ub529 \ucc98\ub9ac\uc5d0 \ub300\ud55c \ud568\uc218\ub294 \ubc18\ub4dc\uc2dc (GL_DST_COLOR, GL_ZERO)\uc774\uc5ec\uc57c\ub9cc \ud55c\ub2e4.<\/P><P><10> \ubc88 \ucf54\ub4dc\ub294 \ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0\uc758 \ud14d\uc2a4\uccd0 \ub9f5\ud551 \uc18c\uc2a4\ub97c \uc0ac\uc6a9\ud558\ub3c4\ub85d \uc9c0\uc2dc\ud55c\ub2e4.<\/P><P><11> \ubc88 \ucf54\ub4dc\ub4e4\uc740 \uc791\uc740 \uc0ac\uac01\ud615\uc5d0 \ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0\uc758 \ud14d\uc2a4\uccd0 \ub9f5\ud551\uc744 \ud574\uc8fc\ub294 \ucf54\ub4dc\uc774\ub2e4. frame \ubcc0\uc218\uc640 x\ubcc0\uc218\uc758 \uc0ac\uc6a9\uc744 \ub208\uc5ec\uaca8 \ubcf4\uae30 \ubc14\ub780\ub2e4. frame \ubcc0\uc218\ub97c \uc0ac\uc6a9\ud574\uc11c \ud14d\uc2a4\uccd0 \uc88c\ud45c\uc758 \uac01\uac01 \uc815\ud655\ud788 \uc704, \uc544\ub798\uc758 \ubc18\ub9cc\uc744 \ucde8\ud55c\ub2e4\ub294 \uac83\uc744 \uc54c\uc218\uc788\ub2e4. \uc5ec\uae30\uae4c\uc9c0 \ucf54\ub4dc\uac00 \ub3c4\ub2ec\ud558\uba74 \uc544\ub798\uc640 \uac19\uc740 \uacb0\uacfc\uae4c\uc9c0 \uc5bb\uac8c \ub41c\ub2e4.<\/P><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1367479592.jpg\" class=\"aligncenter\" width=\"206\" height=\"210\" alt=\"\uc0ac\uc6a9\uc790 \uc0bd\uc785 \uc774\ubbf8\uc9c0\" \/><BR><P>\uc774\uc81c \uc704\uc758 \uadf8\ub9bc \uc704\uc5d0 \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\ub97c \uc62c\ub824 \ub193\uae30\ub9cc \ud558\uba74 \ub418\ub294\ub370 <12> \ubc88 \ucf54\ub4dc \uc774\ud6c4\uac00 \ubc14\ub85c \uadf8\ub7f0 \uc77c\uc744 \ud558\uac8c \ub41c\ub2e4.<\/P><P><12> \ubc88 \ucf54\ub4dc\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\ub97c \uc704\ud55c \ube14\ub79c\ub529 \ud568\uc218\ub97c \uc9c0\uc815\ud558\ub294\ub370 (GL_ONE, GL_ONE)\uc5ec\uc57c\ub9cc \ud55c\ub2e4.<\/P><P><13> \ubc88 \ucf54\ub4dc\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\uc758 \ud14d\uc2a4\uccd0 \ub9f5\ud551 \uc18c\uc2a4\ub97c \uc0ac\uc6a9\ud558\ub3c4\ub85d \uc9c0\uc2dc\ud55c\ub2e4.<\/P><P><14> \ubc88 \ucf54\ub4dc\ub4e4\uc740 \uc5ed\uc2dc <11>\ubc88 \ucf54\ub4dc\ub4e4\uacfc \ub3d9\uc77c\ud55c \uc77c\uc744 \ud55c\ub2e4.<\/P><P><15-1>\uacfc <15-2>\ucf54\ub4dc\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\uc5d0 \ub2f4\uae34 \ub450\uac1c\uc758 \ub3d9\uc791\uc744 \uc11c\ub85c \ubc18\ubcf5\ud574\uc11c \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud574\uc11c frame \ubcc0\uc218\ub97c \ud56d\uc0c1 0\uc774\ub098 1\uc758 \uac12\uc744 \ubc18\ubcf5\uc801\uc73c\ub85c \uac16\ub3c4\ub85d \ud574\uc8fc\ub294 \ucf54\ub4dc\uc774\ub2e4.<\/P><P><15-3>\uc740 \ud654\uba74\uc758 \uac31\uc2e0\uc774 \ub108\ubb34 \ube68\ub77c\uc11c 0.2\ucd08\uac04 \uc9c0\uc5f0\uc744 \uc2dc\ucf1c\uc8fc\ub294 \uc784\uc2dc\uc801\uc73c\ub85c \uc0ac\uc6a9\ud55c \ud568\uc218\uc774\ub2e4.<\/P><P><15-4>\uc640 <15-5>\uc758 \ucf54\ub4dc\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8\ub97c \uc55e\uc73c\ub85c \uc6c0\uc9c1\uc774\uac8c \ud574\uc8fc\ub294 x\ubcc0\uc218\ub97c \uc99d\uac00\uc2dc\ud0a4\ub294 \ucf54\ub4dc\ub4e4\uc774\ub2e4.<\/P><P>\uc774\uc0c1\uc73c\ub85c \uc774\ub807\uac8c \ud558\uba74 \uc2e4\uc81c \uc2a4\ud504\ub77c\uc774\ud2b8\uc758 \ucd5c\uc885\uc801\uc778 \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\ub2e4. \uac04\ub2e8\ud558\uc9c0 \uc54a\uc740\uac00?? \uc774\uc81c OpenGL\uc744 \uc774\uc6a9\ud574\uc11c 2\ucc28\uc6d0 \uac8c\uc784\ub3c4 \ub9cc\ub4e4\uc218 \uc788\ub2e4\ub294 \ub290\ub08c\uc744 \ubc1b\uc744\uc218\ub3c4 \uc788\uc744 \uac83\uc774\ub2e4. \ud558\uc9c0\ub9cc OpenGL\uc744 \uc774\uc6a9\ud574\uc11c \uc2a4\ud504\ub77c\uc774\ud2b8\ub97c \uad6c\ud604\ud560 \uacbd\uc6b0 \ub9ce\uc740 \uc7a5\uc810\uc774 \uc788\ub294\ub370 \uadf8\uac83\uc740 \uc2a4\ud504\ub77c\uc774\ud2b8\ub97c \uc6d0\ud558\ub294 \ud06c\uae30\ub85c \uc27d\uac8c \ud0a4\uc6b0\uac70\ub098 \uc904\uc77c\uc218\uc788\ub2e4\ub294 \uac83\uc774\uace0 \ub610\ud55c \uc6d0\ud558\ub294 \uac01\ub3c4\ub85c \ud68c\uc804\uc774 \uac00\ub2a5\ud558\ub2e4\ub294 \uc810\uc774\ub2e4. \uac8c\ub2e4\uac00 OpenGL\uc758 \ud558\ub4dc\uc6e8\uc5b4 \uac00\uc18d \uae30\ub2a5\uc744 \uc9c0\uc6d0\ubc1b\uc744 \uacbd\uc6b0 \uc0c1\uc0c1\uc744 \ucd08\uc6d4\ud560 \uc815\ub3c4\uc758 \uc18d\ub3c4\ub97c \uc5bb\uc744 \uc218 \uc788\uc744\uc9c0\ub3c4 \ubaa8\ub974\uaca0\ub2e4.<\/P><\/p>\n<p style='text-align:center'><a href=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1191915149.zip\"><img width='64' src='\/images\/download.svg' \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc774\ubc88\uc7a5\uc5d0\uc11c\ub294 \ube14\ub79c\ub529\uc758 \ub610 \ub2e4\ub978 \ud65c\uc6a9\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf4\uaca0\ub294\ub370 \uadf8 \uc8fc\uc81c\ub85c 2\ucc28\uc6d0 \uac8c\uc784\uc5d0\uc11c \ub9ce\uc774 \uc0ac\uc6a9\ub418\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8 \ucc98\ub9ac \uae30\ubc95\uc5d0 \ub300\ud55c \uc608\uc774\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc740 \uadf8\ub9bc\uc774 \uc900\ube44\ub418\uc5b4\uc788\ub2e4. \uccab\uc9f8\ub294 \ubc14\ud0d5\ud654\uba74 \uadf8\ub9bc\uc774\uace0 \ub458\uc9f8\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8\uac00 \ub420 \uc774\ubbf8\uc9c0, \uadf8\ub9ac\uace0 \uc14b\uc9f8\ub294 \uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0\uc640 \ubc30\uacbd\uacfc\uc758 \uc870\ud654\ub97c \uc704\ud55c \ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0\uc774\ub2e4. (\ubc30\uacbd \uc774\ubbf8\uc9c0) (\uc2a4\ud504\ub77c\uc774\ud2b8 \uc774\ubbf8\uc9c0) (\ub9c8\uc2a4\ud06c \uc774\ubbf8\uc9c0) \uc704\uc758 \uc774\ubbf8\uc9c0\uac00 \uc11e\uc5ec\uc11c \ub2e4\uc74c\uacfc \uac19\uc740 \uc2a4\ud504\ub77c\uc774\ud2b8 \ud6a8\uacfc\ub97c \uc5bb\ub294\uac83\uc774 \uc774\uc7a5\uc758 \ubaa9\ud45c\uc774\ub2e4. (\ucd5c\uc885 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=43\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;[OpenGL Tutorial]  Sprite Processing by The Blending&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[3],"class_list":["post-43","post","type-post","status-publish","format-standard","hentry","category-opengl","tag-opengl"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":3,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/43\/revisions"}],"predecessor-version":[{"id":3827,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/43\/revisions\/3827"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}