{"id":17291,"date":"2026-09-26T21:56:20","date_gmt":"2026-09-26T12:56:20","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=17291"},"modified":"2026-09-26T21:57:04","modified_gmt":"2026-09-26T12:57:04","slug":"three-js-tsl-%eb%85%b8%eb%93%9c-varying-%ec%98%88%ec%a0%9c","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=17291","title":{"rendered":"three.js, TSL \ub178\ub4dc varying \uc608\uc81c"},"content":{"rendered":"

vertex shader\uc758 \uacb0\uacfc\ub97c fragment shader\ub85c \uc804\ub2ec\ud558\uae30 \uc704\ud55c varying\uc744 TSL \ub178\ub4dc\ub85c \uc0ac\uc6a9\ud558\uae30 \uc704\ud55c \uc608\uc81c\uc785\ub2c8\ub2e4. \uba3c\uc800 varying\uc73c\ub85c \uc0ac\uc6a9\ub420 \ub370\uc774\ud130\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.<\/p>\n

\r\nconst colorVarying = vec3(0).toVarying(); \/\/ same as varying(vec3(0))\r\n<\/pre>\n
\uc774 varying \ub370\uc774\ud130\uc758 \uac12\uc744 \uc7ac\uc9c8\uc758 vertex shader\uc5d0 \ud574\ub2f9\ud558\ub294 positionNode\uc5d0\uc11c \ud560\ub2f9\ud569\ub2c8\ub2e4.<\/p>\n
\r\nmaterial.positionNode = Fn(() => {\r\n  ...\r\n\r\n  colorVarying.assign(texture(colorTexture, colorUv).rgb)\r\n\r\n  ...\r\n}\r\n<\/pre>\n
varying \ub370\uc774\ud130\ub97c \uc7ac\uc9c8\uc758 \ub2e4\uc591\ud55c fragment shader \uc911 \ud558\ub098\uc5d0 \ud574\ub2f9\ud558\ub294 colorNode\uc5d0\uc11c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n
\r\nmaterial.colorNode = colorVarying\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
vertex shader\uc758 \uacb0\uacfc\ub97c fragment shader\ub85c \uc804\ub2ec\ud558\uae30 \uc704\ud55c varying\uc744 TSL \ub178\ub4dc\ub85c \uc0ac\uc6a9\ud558\uae30 \uc704\ud55c \uc608\uc81c\uc785\ub2c8\ub2e4. \uba3c\uc800 varying\uc73c\ub85c \uc0ac\uc6a9\ub420 \ub370\uc774\ud130\ub97c \uc815\uc758\ud569\ub2c8\ub2e4. const colorVarying = vec3(0).toVarying(); \/\/ same as varying(vec3(0)) \uc774 varying \ub370\uc774\ud130\uc758 \uac12\uc744 \uc7ac\uc9c8\uc758 vertex shader\uc5d0 \ud574\ub2f9\ud558\ub294 positionNode\uc5d0\uc11c \ud560\ub2f9\ud569\ub2c8\ub2e4. material.positionNode = Fn(() => { … colorVarying.assign(texture(colorTexture, colorUv).rgb) … } varying \ub370\uc774\ud130\ub97c \uc7ac\uc9c8\uc758 \ub2e4\uc591\ud55c fragment shader \uc911 \ud558\ub098\uc5d0 \ud574\ub2f9\ud558\ub294 … <\/p>\n
\ub354 \ubcf4\uae30 “three.js, TSL \ub178\ub4dc varying \uc608\uc81c”<\/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":[145],"tags":[],"class_list":["post-17291","post","type-post","status-publish","format-standard","hentry","category-three-js"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17291","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=17291"}],"version-history":[{"count":3,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17291\/revisions"}],"predecessor-version":[{"id":17293,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17291\/revisions\/17293"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17291"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}