{"id":15233,"date":"2024-08-28T10:18:47","date_gmt":"2024-08-28T01:18:47","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=15233"},"modified":"2025-11-18T15:46:27","modified_gmt":"2025-11-18T06:46:27","slug":"three-js%ec%9d%98-%eb%b3%b4%eb%8b%a4-%ec%82%ac%ec%8b%a4%ec%a0%81%ec%9d%b8-%ec%9c%a0%eb%a6%ac-%ec%9e%ac%ec%a7%88%ec%9d%84-%ec%9c%84%ed%95%9c-dispersion-%ec%86%8d%ec%84%b1","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=15233","title":{"rendered":"three.js\uc758 \ubcf4\ub2e4 \uc0ac\uc2e4\uc801\uc778 \uc720\ub9ac \uc7ac\uc9c8\uc744 \uc704\ud55c dispersion \uc18d\uc131"},"content":{"rendered":"<p>\uc5b4\ub5a4 \uc720\ub9ac\ub97c \ubcf4\uba74 \uc720\ub9ac\uc758 \ub0b4\ubd80\uc5d0\uc11c \ub9c8\uce58 \ud504\ub9ac\uc998\ucc98\ub7fc \ube5b\uc774 \uc0b0\ub780\ub418\uc5b4 \ubcf4\uc774\ub294 \uacbd\uc6b0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc720\ub9ac\ub97c \ub9c8\ub0e5 \ud22c\uba85\ud558\uac8c\ub9cc \ud45c\ud604\ud558\uba74 \uac04\ud639 \uc788\ub294\uc9c0 \uc5c6\ub294\uc9c0\uc2a4\ub7ec\uc6b4 \ub290\ub08c\uc5c6\ub294 \ub290\ub08c\uc73c\ub85c \ud45c\ud604\ub418\uace0 \ub9c8\ub294\ub370\uc694. \uc774\ub54c\ub97c \uc704\ud574 \uc7ac\uc9c8\uc758 \uc18d\uc131 \uc911 dispersion\uc744 \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc18d\uc131\uc740 \uc624\uc9c1 MeshPhysicalMaterial\uc5d0\uc11c\ub9cc \uc81c\uacf5\ub41c\ub2e4\ub294 \uc548\ud0c0\uae4c\uc6b4 \uc810\uc740 \uc788\uc9c0\ub9cc \uc720\ub9ac\uc640 \uac19\uc740 \uc7ac\uc9c8\uc740 \ud55c\ub450\uac1c\ub9cc \ub9cc\ub4e4\uc5b4\ub450\uace0 \uc7ac\ud65c\uc6a9\ud558\ub294 \uacbd\uc6b0\uac00 \ub300\ubd80\ubd84\uc774\ubbc0\ub85c \ucda9\ubd84\ud788 \ud65c\uc6a9\ud560\ub9cc\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc544\ub798 \uc774\ubbf8\uc9c0\ub294 dispersion\uc5d0 \ub300\ud55c \uac12 \ubcc0\ud654\uc5d0 \ub530\ub978 \ud45c\ud604\uc785\ub2c8\ub2e4. (\uc774\ubbf8\uc9c0 \ucd9c\ucc98: three.js examples)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2024\/08\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2024-08-28-10.07.36.png\" alt=\"\" width=\"3190\" height=\"1646\" class=\"aligncenter size-full wp-image-15235\" \/><\/p>\n<p>\ubc88\uc678\ub85c \ud754\ud788 \uc190\uc27d\uc9c0\ub9cc \ub9e4\uc6b0 \ud6a8\uacfc\uc801\uc778 \uad11\uc6d0\uc73c\ub85c HDRi\ub97c \uc0ac\uc6a9\ud558\ub294\ub370\uc694. \uc774\ub294 \uc815\uc801\uc778 \ub370\uc774\ud130 \ud30c\uc77c\uc744 \uc774\uc6a9\ud558\ub294 \uacbd\uc6b0\uace0 \ub370\uc774\ud130 \uc5c6\uc774 \uc774\uc640 \uc720\uc0ac\ud55c \uad11\uc6d0\uc744 \ub9cc\ub4e4\uc5b4 \ub0b4\ub294 \ubc29\ubc95\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ubc14\ub85c RoomEnvironment \ud655\uc7a5 \uae30\ub2a5\uc778\ub370\uc694. \uc774 \ud074\ub798\uc2a4\ub294 Scene\uc744 \uc0c1\uc18d\ubc1b\ub294 \uac83\uc73c\ub85c Scene\uc73c\ub85c \uad6c\uc131\ub41c \ub0b4\uc6a9\uc73c\ub85c PMREM \ub370\uc774\ud130(\ud658\uacbd\ub9f5 \ub370\uc774\ud130\uc758 \ud55c \uc885\ub958)\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uc5d0 \ub300\ud574 \uad00\ub828\ub41c \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. \uc989, \uc544\ub798\uc758 \ucf54\ub4dc\uac00 \uc788\ub2e4\uba74 \ubcc4\ub3c4\uc758 \uad11\uc6d0\uc774 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub2e8, \uadf8\ub9bc\uc790 \ud45c\ud604\uc744 \uc704\ud574\uc11c\ub294 \ubcc4\ub3c4\uc758 \uad11\uc6d0\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nconst environment = new RoomEnvironment();\r\nconst pmremGenerator = new THREE.PMREMGenerator(this._renderer);\r\nconst env = pmremGenerator.fromScene(environment).texture;\r\nthis._scene.background = env;\r\nthis._scene.environment = env;\r\nthis._scene.backgroundBlurriness = 0.5;\r\nenvironment.dispose();\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\uc5b4\ub5a4 \uc720\ub9ac\ub97c \ubcf4\uba74 \uc720\ub9ac\uc758 \ub0b4\ubd80\uc5d0\uc11c \ub9c8\uce58 \ud504\ub9ac\uc998\ucc98\ub7fc \ube5b\uc774 \uc0b0\ub780\ub418\uc5b4 \ubcf4\uc774\ub294 \uacbd\uc6b0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc720\ub9ac\ub97c \ub9c8\ub0e5 \ud22c\uba85\ud558\uac8c\ub9cc \ud45c\ud604\ud558\uba74 \uac04\ud639 \uc788\ub294\uc9c0 \uc5c6\ub294\uc9c0\uc2a4\ub7ec\uc6b4 \ub290\ub08c\uc5c6\ub294 \ub290\ub08c\uc73c\ub85c \ud45c\ud604\ub418\uace0 \ub9c8\ub294\ub370\uc694. \uc774\ub54c\ub97c \uc704\ud574 \uc7ac\uc9c8\uc758 \uc18d\uc131 \uc911 dispersion\uc744 \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc18d\uc131\uc740 \uc624\uc9c1 MeshPhysicalMaterial\uc5d0\uc11c\ub9cc \uc81c\uacf5\ub41c\ub2e4\ub294 \uc548\ud0c0\uae4c\uc6b4 \uc810\uc740 \uc788\uc9c0\ub9cc \uc720\ub9ac\uc640 \uac19\uc740 \uc7ac\uc9c8\uc740 \ud55c\ub450\uac1c\ub9cc \ub9cc\ub4e4\uc5b4\ub450\uace0 \uc7ac\ud65c\uc6a9\ud558\ub294 \uacbd\uc6b0\uac00 \ub300\ubd80\ubd84\uc774\ubbc0\ub85c \ucda9\ubd84\ud788 \ud65c\uc6a9\ud560\ub9cc\ud569\ub2c8\ub2e4. \uc544\ub798 \uc774\ubbf8\uc9c0\ub294 dispersion\uc5d0 \ub300\ud55c \uac12 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=15233\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;three.js\uc758 \ubcf4\ub2e4 \uc0ac\uc2e4\uc801\uc778 \uc720\ub9ac \uc7ac\uc9c8\uc744 \uc704\ud55c dispersion \uc18d\uc131&#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],"tags":[],"class_list":["post-15233","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\/15233","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=15233"}],"version-history":[{"count":4,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/15233\/revisions"}],"predecessor-version":[{"id":16409,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/15233\/revisions\/16409"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15233"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}