{"id":17316,"date":"2026-10-03T16:23:09","date_gmt":"2026-10-03T07:23:09","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=17316"},"modified":"2026-10-03T16:23:09","modified_gmt":"2026-10-03T07:23:09","slug":"three-js-%eb%8c%80%ea%b7%9c%eb%aa%a8-%ec%9e%a5%eb%a9%b4%ec%97%90%ec%84%9c%ec%9d%98-%ea%b7%b8%eb%a6%bc%ec%9e%90-%ec%a0%81%ec%9a%a9%ec%9d%84-%ec%9c%84%ed%95%9c-sunlight","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=17316","title":{"rendered":"three.js, \ub300\uaddc\ubaa8 \uc7a5\uba74\uc5d0\uc11c\uc758 \uadf8\ub9bc\uc790 \uc801\uc6a9\uc744 \uc704\ud55c SunLight"},"content":{"rendered":"<p>SunLight\ub294 \ud0dc\uc591\uad11\uc778\ub370, \ud754\ud788 \uc54c\uace0 \uc788\uace0 \uc788\ub294 DirectionalLight\uc640 \ube44\uc2b7\ud569\ub2c8\ub2e4. \ub2e4\ub9cc \uadf8\ub9bc\uc790\ub85c\uc368\uc758 DirectionLight\uc640 \ub2e4\ub974\uac8c \ucc98\ub9ac\ub418\ub294\ub370 \ud6e8\uc52c \ud070 \ubc94\uc704\uc758 \uc7a5\uba74\uc5d0 \ub300\ud55c \uadf8\ub9bc\uc790\ub97c Cascade \ubc29\uc2dd\uc73c\ub85c \ucc98\ub9ac\ud558\uc5ec \ud45c\ud604\ud569\ub2c8\ub2e4. SunLight\uc744 \uc801\uc6a9\ud558\uae30 \uc704\ud55c \ucf54\ub4dc\ub97c \uc21c\uc11c\ub300\ub85c \uc815\ub9ac\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uba3c\uc800 \ud544\uc694\ud55c \ud074\ub798\uc2a4\ub97c import \ud569\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"javascript\">\r\nimport { SunLight } from 'three\/addons\/lights\/SunLight.js';\r\nimport { SunLightNode } from 'three\/addons\/lights\/SunLightNode.js';\r\n<\/pre>\n<p>SunLight\ub294 \uadf8\ub9bc\uc790 \ud45c\ud604\uc744 \uc704\ud574 SunLightNode\ub77c\ub294 TSL \ub178\ub4dc\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc774 TSL \ub178\ub4dc\ub294 \uae30\ubcf8 \ub178\ub4dc\uac00 \uc544\ub2cc \ud655\uc7a5 \ub178\ub4dc\uc774\ubbc0\ub85c \ub4f1\ub85d\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \ub2e4\uc74c\ucc98\ub7fc \ub4f1\ub85d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"javascript\">\r\nthis.renderer.library.addLight(SunLightNode, SunLight);\r\n<\/pre>\n<p>\uc2e4\uc81c SunLight\ub97c \uc0dd\uc131\ud558\ub294 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"javascript\">\r\nprivate sunLight!: SunLight;\r\n\r\nprivate setupSunLight() {\r\n  this.renderer.library.addLight(SunLightNode, SunLight);\r\n\r\n  const sunLight = new SunLight();\r\n  sunLight.position.setFromSphericalCoords(1, THREE.MathUtils.degToRad(90 - params.elevation), THREE.MathUtils.degToRad(params.azimuth));\r\n\r\n  sunLight.castShadow = true;\r\n  sunLight.shadow.camera.far = params.far; \/\/ maximum shadow distance\r\n  sunLight.shadow.mapSize.setScalar(params.resolution);\r\n  sunLight.shadow.normalBias = 0.05;\r\n  this.scene.add(sunLight);\r\n\r\n  this.sunLight = sunLight;\r\n}\r\n<\/pre>\n<p>\uc704\uc758 \ucf54\ub4dc\ub97c \ubcf4\uba74 \uc124\uc815\uc744 \uc704\ud574 param \uac1d\uccb4\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\ub294\ub370, \ud574\ub2f9 \uac1d\uccb4\ub294 \ub2e4\uc74c \uc608\uc2dc\uc640 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"javascript\">\r\nconst params = {\r\n  showCascades: false,\r\n  far: 1000,\r\n  resolution: 2048,\r\n  azimuth: 135,\r\n  elevation: 10\r\n};\r\n<\/pre>\n<p>\uc774\uc678\uc5d0 \uae30\ubcf8\uc801\uc73c\ub85c \uadf8\ub9bc\uc790\ub97c \uc704\ud55c \ub80c\ub354\ub7ec\uc640 \ub9e4\uc2dc\uc5d0 \ub300\ud55c \ucf54\ub4dc\ub3c4 \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4. \uc989..<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"javascript\">\r\nrenderer.shadowMap.enabled = true;\r\n\r\n...\r\n\r\nmesh.castShadow = true;\r\nmesh.receivedShadow = true;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>SunLight\ub294 \ud0dc\uc591\uad11\uc778\ub370, \ud754\ud788 \uc54c\uace0 \uc788\uace0 \uc788\ub294 DirectionalLight\uc640 \ube44\uc2b7\ud569\ub2c8\ub2e4. \ub2e4\ub9cc \uadf8\ub9bc\uc790\ub85c\uc368\uc758 DirectionLight\uc640 \ub2e4\ub974\uac8c \ucc98\ub9ac\ub418\ub294\ub370 \ud6e8\uc52c \ud070 \ubc94\uc704\uc758 \uc7a5\uba74\uc5d0 \ub300\ud55c \uadf8\ub9bc\uc790\ub97c Cascade \ubc29\uc2dd\uc73c\ub85c \ucc98\ub9ac\ud558\uc5ec \ud45c\ud604\ud569\ub2c8\ub2e4. SunLight\uc744 \uc801\uc6a9\ud558\uae30 \uc704\ud55c \ucf54\ub4dc\ub97c \uc21c\uc11c\ub300\ub85c \uc815\ub9ac\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. \uba3c\uc800 \ud544\uc694\ud55c \ud074\ub798\uc2a4\ub97c import \ud569\ub2c8\ub2e4. import { SunLight } from &#8216;three\/addons\/lights\/SunLight.js&#8217;; import { SunLightNode } from &#8216;three\/addons\/lights\/SunLightNode.js&#8217;; SunLight\ub294 \uadf8\ub9bc\uc790 \ud45c\ud604\uc744 \uc704\ud574 SunLightNode\ub77c\ub294 TSL \ub178\ub4dc\ub97c &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=17316\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;three.js, \ub300\uaddc\ubaa8 \uc7a5\uba74\uc5d0\uc11c\uc758 \uadf8\ub9bc\uc790 \uc801\uc6a9\uc744 \uc704\ud55c SunLight&#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":[145,1],"tags":[],"class_list":["post-17316","post","type-post","status-publish","format-standard","hentry","category-three-js","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17316","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=17316"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17316\/revisions"}],"predecessor-version":[{"id":17317,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17316\/revisions\/17317"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17316"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}