{"id":10962,"date":"2021-03-14T10:45:22","date_gmt":"2021-03-14T01:45:22","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=10962"},"modified":"2022-10-30T08:38:33","modified_gmt":"2022-10-29T23:38:33","slug":"three-js%ec%97%90%ec%84%9c-%ed%95%9c%ea%b8%80-%ed%85%8d%ec%8a%a4%ed%8a%b8-%eb%a0%8c%eb%8d%94%eb%a7%81%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=10962","title":{"rendered":"three.js\uc5d0\uc11c \ud55c\uae00 \ud14d\uc2a4\ud2b8 \ub80c\ub354\ub9c1\ud558\uae30"},"content":{"rendered":"<p>three.js\uc5d0\uc11c \ud55c\uae00\uc744 \ucd9c\ub825\ud558\uae30 \uc704\ud574\uc11c\ub294 2\uac00\uc9c0 \ubc29\uc2dd\uc774 \uc874\uc7ac\ud558\ub294\ub370, \uccab\uc9f8\ub294 \ud55c\uae00\uc744 \ud45c\ud604\ud558\ub294 \ub3c4\ud615\uc5d0 \ub300\ud55c \uad6c\uc131 \uc88c\ud45c\ub97c \uc774\uc6a9\ud55c \ubaa8\ub378\ub85c \ub80c\ub354\ub9c1\ud558\ub294 \ubc29\uc2dd\uacfc \ub458\uc9f8\ub294 \uc77c\ub2e8 \ud45c\ud604\ud558\uace0\uc790 \ud558\ub294 \ud55c\uae00\uc744 Canvas\uc5d0 \uadf8\ub9b0 \ub4a4 \uc774\ubbf8\uc9c0\ud654\ud558\uc5ec \uc774 \uc774\ubbf8\uc9c0\ub97c \uc0ac\uac01\ud615 \ubaa8\ub378\uc5d0 \ud14d\uc2a4\uccd0 \ub9f5\ud551\ud558\ub294 \ubc29\uc2dd\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774 \uae00\uc740 \uccab\ubc88\uc9f8 \ubc29\ubc95\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc5d0 \ub300\ud55c \ucf54\ub4dc\ub97c \uc124\uba85\ud569\ub2c8\ub2e4. \uba3c\uc800 \ud55c\uae00\uc5d0 \ub300\ud55c \ub3c4\ud615\uc744 \uad6c\uc131\ud558\ub294 \uc88c\ud45c\uac00 \ud544\uc694\ud55c\ub370 \ud55c\uae00 \ud3f0\ud2b8 \ud30c\uc77c\uc5d0\uc11c \uc88c\ud45c\ub97c \ucd94\ucd9c\ud558\uc5ec JSON\uc73c\ub85c \uc0dd\uc131\ud574 \uc774 JSON \ud30c\uc77c\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 <a href='https:\/\/gero3.github.io\/facetype.js\/'>TypeFace.js<\/a> \uc0ac\uc774\ud2b8\ub97c \ud1b5\ud574 \uc6d0\ud558\ub294 \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub807\uac8c \uc5bb\uc740 \ud3f0\ud2b8\uc758 JSON \ud30c\uc77c\uc744 \uc774\uc6a9\ud574 \ubaa8\ub378\uc744 \uc0dd\uc131\ud558\ub294 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nlet fontLoader = new THREE.FontLoader();\r\nfontLoader.load(\"Do Hyeon_Regular.json\", (font) => {\r\n    let geometry = new THREE.TextGeometry(\r\n        \"GIS Devloper, \uae40\ud615\uc900\",\r\n        { \r\n            font: font,\r\n            size: 1,\r\n            height: 0,\r\n            curveSegments: 12\r\n        }\r\n    );\r\n\r\n    geometry.computeBoundingBox();\r\n    let xMid = -0.5 * ( geometry.boundingBox.max.x - geometry.boundingBox.min.x );\r\n    geometry.translate( xMid, 0, 0 );\r\n\r\n    let material = new THREE.MeshBasicMaterial({\r\n        color: 0xffffff, \r\n        wireframe: true\r\n    });\r\n\r\n    let mesh = new THREE.Mesh(geometry, material);\r\n    \r\n    this.scene.add(mesh);\r\n\r\n    this.mesh = mesh;\r\n\r\n    this.render();\r\n});\r\n<\/pre>\n<p>\uc704\uc758 \ucf54\ub4dc\uc5d0 \ub300\ud55c \uc2e4\ud589 \uacb0\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2021\/03\/three.js_text.png\" alt=\"\" width=\"2023\" height=\"1196\" class=\"aligncenter size-full wp-image-10964\" \/><\/p>\n<p>\uc704\uc758 \uc2e4\ud589 \uacb0\uacfc\ub97c \uc5bb\uae30 \uc704\ud55c <a href=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2021\/03\/tstSimpleWeb.zip\">\ud3f0\ud2b8 \ub370\uc774\ud130 \ubc0f \uc804\uccb4 \ucf54\ub4dc\ub97c \ub2e4\uc6b4\ub85c\ub4dc<\/a> \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>three.js\uc5d0\uc11c \ud55c\uae00\uc744 \ucd9c\ub825\ud558\uae30 \uc704\ud574\uc11c\ub294 2\uac00\uc9c0 \ubc29\uc2dd\uc774 \uc874\uc7ac\ud558\ub294\ub370, \uccab\uc9f8\ub294 \ud55c\uae00\uc744 \ud45c\ud604\ud558\ub294 \ub3c4\ud615\uc5d0 \ub300\ud55c \uad6c\uc131 \uc88c\ud45c\ub97c \uc774\uc6a9\ud55c \ubaa8\ub378\ub85c \ub80c\ub354\ub9c1\ud558\ub294 \ubc29\uc2dd\uacfc \ub458\uc9f8\ub294 \uc77c\ub2e8 \ud45c\ud604\ud558\uace0\uc790 \ud558\ub294 \ud55c\uae00\uc744 Canvas\uc5d0 \uadf8\ub9b0 \ub4a4 \uc774\ubbf8\uc9c0\ud654\ud558\uc5ec \uc774 \uc774\ubbf8\uc9c0\ub97c \uc0ac\uac01\ud615 \ubaa8\ub378\uc5d0 \ud14d\uc2a4\uccd0 \ub9f5\ud551\ud558\ub294 \ubc29\uc2dd\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc740 \uccab\ubc88\uc9f8 \ubc29\ubc95\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc5d0 \ub300\ud55c \ucf54\ub4dc\ub97c \uc124\uba85\ud569\ub2c8\ub2e4. \uba3c\uc800 \ud55c\uae00\uc5d0 \ub300\ud55c \ub3c4\ud615\uc744 \uad6c\uc131\ud558\ub294 \uc88c\ud45c\uac00 \ud544\uc694\ud55c\ub370 \ud55c\uae00 \ud3f0\ud2b8 \ud30c\uc77c\uc5d0\uc11c \uc88c\ud45c\ub97c &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=10962\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;three.js\uc5d0\uc11c \ud55c\uae00 \ud14d\uc2a4\ud2b8 \ub80c\ub354\ub9c1\ud558\uae30&#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-10962","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\/10962","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=10962"}],"version-history":[{"count":6,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/10962\/revisions"}],"predecessor-version":[{"id":12839,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/10962\/revisions\/12839"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10962"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}