{"id":13379,"date":"2023-01-17T09:17:46","date_gmt":"2023-01-17T00:17:46","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=13379"},"modified":"2023-01-17T14:46:40","modified_gmt":"2023-01-17T05:46:40","slug":"%ec%a3%bc%eb%b3%80-%ed%99%98%ea%b2%bd%ec%9d%84-%eb%b9%84%ec%b6%94%eb%8a%94-%ea%b0%9d%ec%b2%b4-%ed%91%9c%ed%98%84","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=13379","title":{"rendered":"\uc8fc\ubcc0 \ud658\uacbd\uc744 \ube44\ucd94\ub294 \uac1d\uccb4 \ud45c\ud604"},"content":{"rendered":"<p>\ud658\uacbd\ub9f5(envmap)\uc744 \uc0ac\uc6a9\ud574\uc11c \uc8fc\ubcc0 \ud658\uacbd\uc758 \ubaa8\uc2b5\uc744 \ube44\ucd94\ub294 \uac1d\uccb4\ub97c \ud45c\ud604\ud560 \ub54c \uc801\uc6a9\ud560 \uc218 \uc788\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4. \uba3c\uc800 \uc544\ubb34\ub7f0 \uc7ac\uc9c8\ub3c4 \uc801\uc6a9\ub418\uc9c0 \uc54a\uc740 \uac80\uc815\uc0c9 \uad6c\uccb4\uc785\ub2c8\ub2e4.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2023\/01\/before_WebGLCubeRenderTarget.jpg\" alt=\"\" width=\"1000\" height=\"650\" class=\"alignnone size-full wp-image-13381\" \/><\/p>\n<p>\uc704\uc758 \uac80\uc815\uc0c9 \uad6c\uc5d0 \uc8fc\ubcc0 \ud658\uacbd \uc774\ubbf8\uc9c0\ub97c \ud658\uacbd \ub9f5 \uc18c\uc2a4\ub85c \ud65c\uc6a9\ud558\ub294 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nconst cubeRenderTarget = new THREE.WebGLCubeRenderTarget( 1024 );\r\nthis._mirrorSphereCamera = new THREE.CubeCamera( 0.05, 50, cubeRenderTarget );\r\nthis._scene.add( this._mirrorSphereCamera );\r\nconst mirrorSphereMaterial = new THREE.MeshBasicMaterial( { envMap: cubeRenderTarget.texture } );\r\nthis._sphere.material = mirrorSphereMaterial;\r\n<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2023\/01\/after_WebGLCubeRenderTarget.jpg\" alt=\"\" width=\"996\" height=\"648\" class=\"alignnone size-full wp-image-13380\" \/><\/p>\n<p>\ud658\uacbd\ub9f5\uc744 \uc0dd\uc131\ud558\ub294 CubeCamera \uac1d\uccb4\uc758 \uc0c1\ud0dc\uac00 \ubcc0\uacbd\ub420 \uacbd\uc6b0&#8230; \uc608\ub97c\ub4e4\uc5b4 \uce74\uba54\ub77c\uc758 \uc704\uce58 \ub4f1\uc774 \ubcc0\uacbd\ub420 \uacbd\uc6b0 \ub2e4\uc74c\ucc98\ub7fc update \ub9e4\uc11c\ub4dc\ub97c \ud638\ucd9c\ud574\uc918\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nthis._mirrorSphereCamera.update( this._renderer, this._scene );\r\n<\/pre>\n<p>\uc774 \uae00\uc5d0 \uc0ac\uc6a9\ub41c \ucf54\ub4dc\uc640 \uacb0\uacfc\ub294 Three.js\uc5d0\uc11c \uc81c\uacf5\ub418\ub294 \uc608\uc81c \ucf54\ub4dc \uc911 webgl_animation_skinning_ik.html\uc5d0\uc11c \ud658\uacbd\ub9f5 \uc801\uc6a9\uc5d0 \ub300\ud55c \ub0b4\uc6a9\ub9cc\uc744 \uc815\ub9ac\ud55c \uac83\uc785\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud658\uacbd\ub9f5(envmap)\uc744 \uc0ac\uc6a9\ud574\uc11c \uc8fc\ubcc0 \ud658\uacbd\uc758 \ubaa8\uc2b5\uc744 \ube44\ucd94\ub294 \uac1d\uccb4\ub97c \ud45c\ud604\ud560 \ub54c \uc801\uc6a9\ud560 \uc218 \uc788\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4. \uba3c\uc800 \uc544\ubb34\ub7f0 \uc7ac\uc9c8\ub3c4 \uc801\uc6a9\ub418\uc9c0 \uc54a\uc740 \uac80\uc815\uc0c9 \uad6c\uccb4\uc785\ub2c8\ub2e4. \uc704\uc758 \uac80\uc815\uc0c9 \uad6c\uc5d0 \uc8fc\ubcc0 \ud658\uacbd \uc774\ubbf8\uc9c0\ub97c \ud658\uacbd \ub9f5 \uc18c\uc2a4\ub85c \ud65c\uc6a9\ud558\ub294 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. const cubeRenderTarget = new THREE.WebGLCubeRenderTarget( 1024 ); this._mirrorSphereCamera = new THREE.CubeCamera( 0.05, 50, cubeRenderTarget ); this._scene.add( this._mirrorSphereCamera ); const mirrorSphereMaterial = new &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=13379\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;\uc8fc\ubcc0 \ud658\uacbd\uc744 \ube44\ucd94\ub294 \uac1d\uccb4 \ud45c\ud604&#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,139],"tags":[],"class_list":["post-13379","post","type-post","status-publish","format-standard","hentry","category-three-js","category-webgl"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13379","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=13379"}],"version-history":[{"count":3,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13379\/revisions"}],"predecessor-version":[{"id":13385,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13379\/revisions\/13385"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13379"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}