{"id":876,"date":"2018-11-02T21:36:17","date_gmt":"2018-11-02T12:36:17","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=876"},"modified":"2019-12-21T17:31:39","modified_gmt":"2019-12-21T08:31:39","slug":"2-opengl-es-2-0%ec%97%90%ec%84%9c-%ed%99%94%eb%a9%b4%ec%9d%84-%ea%b7%b8%eb%a6%ac%eb%8a%94-%ea%b3%bc%ec%a0%95","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=876","title":{"rendered":"[OpenGL] 2. Shader\uc640 Rendering pipeline"},"content":{"rendered":"<h1>OpenGL ES 2.0\uc774 \ud654\uba74\uc744 \uadf8\ub9ac\ub294 \uacfc\uc815<\/h1>\n<p>\uc774\uc804 <a href=\"https:\/\/www.charlezz.com\/?p=742\">\ud3ec\uc2a4\ud2b8<\/a>\uc5d0\uc11c \uac04\ub2e8\ud558\uac8c OpenGL\uc744 \uc774\uc6a9\ud55c \uc0bc\uac01\ud615\uc744 \ub9cc\ub4e4\uc5b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4.\u00a0 \uc0bc\uac01\ud615\uc744 \ud654\uba74\uc5d0 \ub098\ud0c0\ub0b4\uae30 \uc704\ud574 \uc5ec\ub7ec\uac00\uc9c0 \uacfc\uc815\uc744 \uac70\uccd0 \ucc98\ub9ac\ub97c \ud558\uac8c \ub418\uace0 \uc774\ub7ec\ud55c \uacfc\uc815\ub4e4\uc744 \ub80c\ub354\ub9c1 \ud30c\uc774\ud504\ub77c\uc778\uc774\ub77c\uace0 \ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc774 \ud30c\uc774\ud504\ub77c\uc778\uc744 \uc774\uc6a9\ud558\ub824\uba74 \uc170\uc774\ub354(Shader)\ub77c\ub294 \uc11c\ube0c\ub8e8\ud2f4(\ud504\ub85c\uadf8\ub7a8)\uc744 \uc774\uc6a9\ud574\uc57c\ud569\ub2c8\ub2e4.<\/p>\n<h3>Shader(\uc170\uc774\ub354)\ub780?<\/h3>\n<p>\uc170\uc774\ub354\ub294 \uadf8\ub798\ud53d \ucc98\ub9ac \uc7a5\uce58 (GPU)\uc5d0 \ub370\uc774\ud130\ub97c \uadf8\ub9ac\ub294 \ubc29\ubc95\uc744 \uc54c\ub824\uc90d\ub2c8\ub2e4. \uc170\uc774\ub354\uc5d0\ub294 \ub450 \uac00\uc9c0 \uc720\ud615\uc774 \uc788\uc73c\uba70 \ud654\uba74\uc5d0 \ubb34\uc5c7\uc778\uac00\ub97c \uadf8\ub9b4 \uc218 \uc788\uc73c\ub824\uba74 \ub450 \uac00\uc9c0\ub97c \ubaa8\ub450 \uc815\uc758\ud574\uc57c\ud569\ub2c8\ub2e4.<\/p>\n<ul>\n<li><strong>Vertex Shader(\uc815\uc810 \uc170\uc774\ub354)<\/strong>\ub294 \uac01 \uc815\uc810\uc758 \ucd5c\uc885 \uc704\uce58\ub97c \uc0dd\uc131\ud558\uba70 \uc815\uc810\ub9c8\ub2e4 \ud55c\ubc88\uc529 \uc2e4\ud589\ub429\ub2c8\ub2e4. \uc77c\ub2e8 \ucd5c\uc885 \uc704\uce58\uac00 \uc54c\ub824\uc9c0\uba74, OpenGL\uc740 \ubcf4\uc774\ub294 \uc815\uc810 \uc9d1\ud569\uc744 \ucde8\ud574 \uc810, \uc120 \ubc0f \uc0bc\uac01\ud615\uc73c\ub85c \ub9cc\ub4ed\ub2c8\ub2e4.<\/li>\n<li><strong>Fragment Shader(\ud504\ub808\uadf8\uba3c\ud2b8 \uc170\uc774\ub354)<\/strong>\ub294 \uc810, \uc120 \ub610\ub294 \uc0bc\uac01\ud615\uc758 \uac01 \ud504\ub808\uadf8\uba3c\ud2b8 \ucd5c\uc885 \uc0c9\uc0c1\uc744 \uc0dd\uc131\ud558\uba70 \ud504\ub808\uadf8\uba3c\ud2b8\ub9c8\ub2e4 \ud55c \ubc88 \uc2e4\ud589\ub429\ub2c8\ub2e4. \ud504\ub798\uadf8\uba3c\ud2b8\ub294 \ucef4\ud4e8\ud130 \ud654\uba74\uc758 \ud53d\uc140\uacfc \uc720\uc0ac\ud55c \ub2e8\uc77c \uc0c9\uc0c1\uc758 \uc791\uace0 \uc9c1\uc0ac\uac01\ud615 \uc778 \uc601\uc5ed\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h3>\uc65c \uc170\uc774\ub354\ub97c \uc0ac\uc6a9\ud574\uc57c \ud560\uae4c\uc694?<\/h3>\n<p>\uc170\uc774\ub354\uac00 \ub4f1\uc7a5\ud558\uae30 \uc804\uc5d0 OpenGL\uc740 \uace0\uc815 \ub41c \uba87\uba87 \ud568\uc218\ub4e4\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud654\uba74\uc5d0 \uba87 \uac1c\uc758 \ube5b\uc774 \uc788\ub294\uc9c0 \ub610\ub294 \uc5bc\ub9c8\ub098 \ub9ce\uc740 \uc548\uac1c\ub97c \ucd94\uac00\ud560\uc9c0\uc640 \uac19\uc740 \uc81c\ud55c\ub41c \uba87 \uac00\uc9c0 \uc0ac\ud56d\uc744 \uc81c\uc5b4 \ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c API\ub294 \uc0ac\uc6a9\ud558\uae30 \uc27d\uc9c0\ub9cc \ud655\uc7a5\ud558\uae30 \uc27d\uc9c0 \uc54a\uc544, \ub2e4\uc591\ud55c \ucee4\uc2a4\ud140 \ud6a8\uacfc\ub97c \uc8fc\ub294\ub370 \ub9ce\uc740 \uc5b4\ub824\uc6c0\uc774 \uc788\uc788\uc5c8\ub294\ub370\uc694. \uc2dc\uac04\uc774 \uc9c0\ub098\uace0 \ud558\ub4dc\uc6e8\uc5b4\uac00 \ud5a5\uc0c1\ub428\uc5d0 \ub530\ub77c \uae30\uc874 OpenGL\uc774 \ubcc0\ud654\uac00 \ud544\uc694\ud558\ub2e4\ub294\uac83\uc744 \uae68\ub2ec\uc558\uace0, OpenGL ES 2.0\ubd80\ud130\ub294 \uc170\uc774\ub354\ub97c \uc0ac\uc6a9\ud558\uc5ec <strong>\ud504\ub85c\uadf8\ub798\ubc0d \uac00\ub2a5\ud55c<\/strong> API\ub97c \ucd94\uac00\ud588\uc2b5\ub2c8\ub2e4.\u00a0\uc774\ub54c\ubd80\ud130\ub294 \uac01 \uc815\uc810\uc774 \ud654\uba74\uc5d0 \uc81c\uc5b4\ud558\ub294 \ubc84\ud14d\uc2a4 \u200b\u200b\uc250\uc774\ub354\uc640 \uac01 \ud504\ub808\uadf8\uba3c\ud2b8\uac00 \uadf8\ub824\uc9c0\ub294 \ubc29\uc2dd\uc744 \uc81c\uc5b4\ud558\ub294 \ud504\ub808\uadf8\uba3c\ud2b8 \uc250\uc774\ub354\uac00 \ucd94\uac00\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ub54c\ubd80\ud130 \ud53d\uc140 \ub2e8\uc704\uc758 \ube5b\uacfc \ub9cc\ud654 \uac19\uc740 \uc74c\uc601 \ud6a8\uacfc\ub97c \uae54\ub054\ud558\uac8c \uc801\uc6a9 \ud560 \uc218 \uc788\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc989 \uc190\uc26c\uc6b4 \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5\uc774 \uac00\ub2a5\ud558\uae30 \ub54c\ubb38\uc5d0 \uc170\uc774\ub354\ub97c \uc0ac\uc6a9\ud574\uc57c\ud569\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<h3>Rendering Pipeline(\ub80c\ub354\ub9c1 \ud30c\uc774\ud504\ub77c\uc778)<\/h3>\n<p><a href=\"https:\/\/ko.wikipedia.org\/wiki\/%EC%BB%B4%ED%93%A8%ED%84%B0_%EA%B3%BC%ED%95%99\" title=\"\">\ucef4\ud4e8\ud130 \uacfc\ud559<\/a><span>\uc5d0\uc11c\u00a0<\/span><b>\ud30c\uc774\ud504\ub77c\uc778<\/b><span>(<\/span><span><a href=\"https:\/\/ko.wikipedia.org\/wiki\/%EC%98%81%EC%96%B4\" title=\"\uc601\uc5b4\">\uc601\uc5b4<\/a>:\u00a0<\/span><span lang=\"en\">pipeline<\/span><span>)\uc740 \ud55c \ub370\uc774\ud130 \ucc98\ub9ac \ub2e8\uacc4\uc758 \ucd9c\ub825\uc774 \ub2e4\uc74c \ub2e8\uacc4\uc758 \uc785\ub825\uc73c\ub85c \uc774\uc5b4\uc9c0\ub294 \ud615\ud0dc\ub85c \uc5f0\uacb0\ub41c \uad6c\uc870\ub97c \uac00\ub9ac\ud0a8\ub2e4. \uc774\ub807\uac8c \uc5f0\uacb0\ub41c \ub370\uc774\ud130 \ucc98\ub9ac \ub2e8\uacc4\ub294 \ud55c \uc5ec\ub7ec \ub2e8\uacc4\uac00 \uc11c\ub85c \ub3d9\uc2dc\uc5d0, \ub610\ub294\u00a0<\/span><a href=\"https:\/\/ko.wikipedia.org\/wiki\/%EB%B3%91%EB%A0%AC_%EC%BB%B4%ED%93%A8%ED%8C%85\" title=\"\ubcd1\ub82c \ucef4\ud4e8\ud305\">\ubcd1\ub82c\uc801<\/a><span>\uc73c\ub85c \uc218\ud589\ub420 \uc218 \uc788\uc5b4 \ud6a8\uc728\uc131\uc758 \ud5a5\uc0c1\uc744 \uaf80\ud560 \uc218 \uc788\ub2e4. \uac01 \ub2e8\uacc4 \uc0ac\uc774\uc758 \uc785\ucd9c\ub825\uc744 \uc911\uacc4\ud558\uae30 \uc704\ud574\u00a0<\/span><a href=\"https:\/\/ko.wikipedia.org\/wiki\/%EB%B2%84%ED%8D%BC_(%EC%BB%B4%ED%93%A8%ED%84%B0_%EA%B3%BC%ED%95%99)\" title=\"\ubc84\ud37c (\ucef4\ud4e8\ud130 \uacfc\ud559)\">\ubc84\ud37c<\/a><span>\uac00 \uc0ac\uc6a9\ub420 \uc218 \uc788\ub2e4. (\ucd9c\ucc98 :\u00a0https:\/\/ko.wikipedia.org\/wiki\/%ED%8C%8C%EC%9D%B4%ED%94%84%EB%9D%BC%EC%9D%B8_(%EC%BB%B4%ED%93%A8%ED%8C%85))<\/span><\/p>\n<p><a href=\"https:\/\/www.charlezz.com\/?attachment_id=43783\" rel=\"attachment wp-att-43783\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2018\/11\/1KEdAuKKHlY0sNcZ84J2rlA.png\" alt=\"\" width=\"882\" height=\"339\" class=\"aligncenter size-full wp-image-43783\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2018\/11\/1KEdAuKKHlY0sNcZ84J2rlA.png 882w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2018\/11\/1KEdAuKKHlY0sNcZ84J2rlA-300x115.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2018\/11\/1KEdAuKKHlY0sNcZ84J2rlA-768x295.png 768w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/a><\/p>\n<p>OpenGL \ud30c\uc774\ud504\ub77c\uc778\uc758 \uac1c\uc694<\/p>\n<ol>\n<li>\uc815\uc810 \ub370\uc774\ud130\ub97c \uba54\ubaa8\ub9ac\uc0c1\uc5d0 \ub85c\ub4dc \ud569\ub2c8\ub2e4.<\/li>\n<li>\uc815\uc810 \uc250\uc774\ub354 \ud504\ub85c\uadf8\ub7a8\uc774 \uc2e4\ud589\ub429\ub2c8\ub2e4.<\/li>\n<li>\uc815\uc810\ub4e4\ub85c Primitive(\uae30\ubcf8\uc694\uc18c)\uac00 \uad6c\uc131\ub41c\ub2e4. \uae30\ubcf8 \uc694\uc18c\uc5d0\ub294 \uc810, \uc120, \uc0bc\uac01\ud615\uc774 \uc788\ub2e4. OpenGL ES 2.0\uc5d0\uc11c \uc0ac\uac01\ud615(Quad)\ub294 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/li>\n<li>\ub798\uc2a4\ud130\ud654 \uacfc\uc815\uc744 \ud1b5\ud574 \uae30\ubcf8\uc694\uc18c\ub97c \ud504\ub808\uadf8\uba3c\ud2b8 \ub2e8\uc704\ub85c \ucabc\uac1c\uc5b4 \ubaa8\ubc14\uc77c \ub514\uc2a4\ud50c\ub808\uc774\uc758 \ud53d\uc140\uc5d0 \ub9e4\ud551 \ud560 \uc218 \uc788\ub294 \uc774\ubbf8\uc9c0\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.<\/li>\n<li>\ud504\ub808\uadf8\uba3c\ud2b8 \uc250\uc774\ub354\ub97c \uc2e4\ud589\ud569\ub2c8\ub2e4. \ud504\ub808\uadf8\uba3c\ud2b8 \uc250\uc774\ub354\uc758 \uc8fc\ubaa9\uc801\uc740 GPU\uc5d0\uac8c \ucd5c\uc885\uc801\uc778 \ud504\ub808\uadf8\uba3c\ud2b8\uc758 \uc0c9\uc774 \ubb34\uc5c7\uc774 \ub418\uc5b4\uc57c \ud558\ub294\uc9c0 \uc54c\ub824\uc8fc\ub294 \uac83\uc785\ub2c8\ub2e4. \ud504\ub808\uadf8\uba3c\ud2b8 \uc250\uc774\ub354\ub294 \uae30\ubcf8\uc694\uc18c\uc758 \ubaa8\ub4e0 \ud504\ub808\uadf8\uba3c\ud2b8\uc5d0 \ub300\ud574 \ud55c\ubc88 \ud638\ucd9c\ub418\ubbc0\ub85c \uc0bc\uac01\ud615\uc774 10000\uac1c\uc758 \ud504\ub808\uadf8\uba3c\ud2b8\ub85c \ub9e4\ud551\ub418\uba74 \ud504\ub808\uadf8\uba3c\ud2b8 \uc170\uc774\ub354\ub294 10000\ubc88 \ud638\ucd9c\ub418\uac8c \ub429\ub2c8\ub2e4.<\/li>\n<li>\uc774\ub7ec\ud55c \uacfc\uc815\uc744 \uac70\uccd0 \uc0dd\uc131\ub41c \ub370\uc774\ud130\ub97c \ud504\ub808\uc784\ubc84\ud37c\uc5d0 \uc62c\ub9ac\uac8c \ub418\uace0, \ud654\uba74\uc0c1\uc73c\ub85c \ub098\ud0c0\ub098\uac8c \ub429\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>\ubcf8 \ud504\ub85c\uc81d\ud2b8\ub294 <a href=\"https:\/\/github.com\/Charlezz\/OpenGLStudy\">github<\/a>\uc5d0\uc11c \ud655\uc778 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OpenGL ES 2.0\uc774 \ud654\uba74\uc744 \uadf8\ub9ac\ub294 \uacfc\uc815 \uc774\uc804 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c \uac04\ub2e8\ud558\uac8c OpenGL\uc744 \uc774\uc6a9\ud55c \uc0bc\uac01\ud615\uc744 \ub9cc\ub4e4\uc5b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4.\u00a0 \uc0bc\uac01\ud615\uc744 \ud654\uba74\uc5d0 \ub098\ud0c0\ub0b4\uae30 \uc704\ud574 \uc5ec\ub7ec\uac00\uc9c0 \uacfc\uc815\uc744 \uac70\uccd0 \ucc98\ub9ac\ub97c \ud558\uac8c \ub418\uace0 \uc774\ub7ec\ud55c \uacfc\uc815\ub4e4\uc744 \ub80c\ub354\ub9c1 \ud30c\uc774\ud504\ub77c\uc778\uc774\ub77c\uace0 \ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc774 \ud30c\uc774\ud504\ub77c\uc778\uc744 \uc774\uc6a9\ud558\ub824\uba74 \uc170\uc774\ub354(Shader)\ub77c\ub294 \uc11c\ube0c\ub8e8\ud2f4(\ud504\ub85c\uadf8\ub7a8)\uc744 \uc774\uc6a9\ud574\uc57c\ud569\ub2c8\ub2e4. Shader(\uc170\uc774\ub354)\ub780? \uc170\uc774\ub354\ub294 \uadf8\ub798\ud53d \ucc98\ub9ac \uc7a5\uce58 (GPU)\uc5d0 \ub370\uc774\ud130\ub97c \uadf8\ub9ac\ub294 \ubc29\ubc95\uc744 \uc54c\ub824\uc90d\ub2c8\ub2e4. \uc170\uc774\ub354\uc5d0\ub294 \ub450 \uac00\uc9c0 \uc720\ud615\uc774 \uc788\uc73c\uba70 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[24],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/876"}],"collection":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=876"}],"version-history":[{"count":6,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/876\/revisions"}],"predecessor-version":[{"id":43784,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/876\/revisions\/43784"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}