{"id":11723,"date":"2021-11-03T08:02:33","date_gmt":"2021-11-02T23:02:33","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=11723"},"modified":"2025-02-24T12:24:40","modified_gmt":"2025-02-24T03:24:40","slug":"glsl-%ec%9b%90circle","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=11723","title":{"rendered":"GLSL, \uc6d0(Circle)"},"content":{"rendered":"<p>\uc644\uc804\ud55c 3\ucc28\uc6d0 \uc7a5\uba74\uc740 Shader\ub85c \uc644\uc131\ub41c\ub2e4\uace0 \ud560 \uc218 \uc788\ub294\ub370\uc694. Shader\ub97c \ud1b5\ud574 \ub9e4\uc6b0 \uc0ac\uc2e4\uc801\uc778 \ubb3c, \uc548\uac1c, \ubc88\uac1c \ub4f1\uacfc \uac19\uc740 \ud45c\ud604\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc544\ub798\ub294 Shader \uc5b8\uc5b4 \uc911 GLSL\ub85c \uc791\uc131\ub41c \uc6d0\uc744 \ub80c\ub354\ub9c1\ud558\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"glsl\">\r\n#ifdef GL_ES\r\nprecision mediump float;\r\n#endif\r\n\r\nuniform vec2 u_resolution;\r\n\r\nfloat circle(vec2 position, float radius) {\r\n    return step(length(position), radius);\r\n}\r\n\r\nvoid main() {\r\n    vec2 position = gl_FragCoord.xy \/ u_resolution;\r\n    position -= 0.5;\r\n    vec3 color = vec3(circle(position, 0.3));\r\n    gl_FragColor = vec4(color, 1.0);\r\n\r\n}\r\n<\/pre>\n<p>\uacb0\uacfc\ub294 \uc544\ub798\uc640 \uac19\uad6c\uc694.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2021\/11\/shader_circle.png\" alt=\"\" width=\"600\" class=\"aligncenter size-full wp-image-11725\" \/><\/p>\n<p>\ucf54\ub4dc\ub97c \ubcf4\uba74 12\ubc88\uc740 \uc0c9\uc0c1\uc744 \uacb0\uc815\ud574\uc57c \ud558\ub294 \uc704\uce58 \uc88c\ud45c\ub97c (0,0) ~(1,1)\uc758 \ubc94\uc704\ub85c \uc815\uaddc\ud654\ud574 \uc90d\ub2c8\ub2e4. (0,0)\uc740 \ud654\uba74\uc758 \uc88c\uce21\ud558\ub2e8\uc785\ub2c8\ub2e4. 13\ubc88\uc740 \ub2e4\uc2dc \uc774 \uc88c\ud45c\ub97c (-0.5,-0.5) ~ (0.5,0.5)\ub85c \ubcc0\uacbd\ud574 \uc90d\ub2c8\ub2e4. \uc6d0\uc758 \uac00\uc6b4\ub370 \uc704\uce58\ud558\ub3c4\ub85d \ud558\uae30 \uc704\ud568\uc785\ub2c8\ub2e4. 8\ubc88\uc740 \uc6d0\uc744 \ud45c\ud604\ud558\uae30 \uc704\ud55c \ud53d\uc140\uc758 \uc0c9\uc0c1\uac12\uc744 \uacb0\uc815\ud558\ub294 \ud568\uc218\uc758 \ucf54\ub4dc\uc778\ub370\uc694. step(A, B)\ub294 B\uac00 A\ubcf4\ub2e4 \ud06c\uac70\ub098 \uac19\uc73c\uba74 1\uc744 \ubc18\ud658\ud558\uace0, \uc544\ub2c8\ub77c\uba74 0\uc744 \ubc18\ud658\ud569\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc644\uc804\ud55c 3\ucc28\uc6d0 \uc7a5\uba74\uc740 Shader\ub85c \uc644\uc131\ub41c\ub2e4\uace0 \ud560 \uc218 \uc788\ub294\ub370\uc694. Shader\ub97c \ud1b5\ud574 \ub9e4\uc6b0 \uc0ac\uc2e4\uc801\uc778 \ubb3c, \uc548\uac1c, \ubc88\uac1c \ub4f1\uacfc \uac19\uc740 \ud45c\ud604\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc544\ub798\ub294 Shader \uc5b8\uc5b4 \uc911 GLSL\ub85c \uc791\uc131\ub41c \uc6d0\uc744 \ub80c\ub354\ub9c1\ud558\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4. #ifdef GL_ES precision mediump float; #endif uniform vec2 u_resolution; float circle(vec2 position, float radius) { return step(length(position), radius); } void main() { vec2 position = gl_FragCoord.xy \/ &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=11723\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;GLSL, \uc6d0(Circle)&#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":[153,1],"tags":[],"class_list":["post-11723","post","type-post","status-publish","format-standard","hentry","category-shader","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11723","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=11723"}],"version-history":[{"count":6,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11723\/revisions"}],"predecessor-version":[{"id":11730,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11723\/revisions\/11730"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11723"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}