{"id":11019,"date":"2021-04-02T14:40:11","date_gmt":"2021-04-02T05:40:11","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=11019"},"modified":"2022-10-30T08:38:33","modified_gmt":"2022-10-29T23:38:33","slug":"three-js%ec%9d%98-scene-%ea%b5%ac%ec%84%b1-%ec%9a%94%ec%86%8c%eb%93%a4-%ed%99%95%ec%9d%b8%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=11019","title":{"rendered":"three.js\uc758 scene \uad6c\uc131 \uc694\uc18c\ub4e4 \ud655\uc778\ud558\uae30"},"content":{"rendered":"

3\ucc28\uc6d0\uc5d0\uc11c\ub294 \ub2e4\uc591\ud55c 3\ucc28\uc6d0 \uac1d\uccb4\uac00 Scene Graph \ud615\ud0dc\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ub80c\ub354\ub9c1\ud558\ub294 \uacb0\uacfc\uc5d0 \ub530\ub77c \uadf8 \ud615\ud0dc\uac00 \ub9e4\uc6b0 \ubcf5\uc7a1\ud558\uac8c \uad6c\uc131\ub420 \uc218 \uc788\ub294\ub370.. Scene Graph\uc758 \uad6c\uc131 \uc694\uc18c\ub97c \ud655\uc778\ud558\uae30 \uc704\ud55c \uac04\ub2e8\ud55c \ud568\uc218\uc785\ub2c8\ub2e4.<\/p>\n

\r\ndumpVec3(v3, precision = 3) {\r\n    return `${v3.x.toFixed(precision)}, ${v3.y.toFixed(precision)}, ${v3.z.toFixed(precision)}`;\r\n}\r\n\r\ndumpObject(obj, lines = [], isLast = true, prefix = '') {\r\n    const localPrefix = isLast ? '\u2514\u2500' : '\u251c\u2500';\r\n    lines.push(`${prefix}${prefix ? localPrefix : ''}${obj.name || '*no-name*'} [${obj.type}]`);\r\n    const dataPrefix = obj.children.length\r\n        ? (isLast ? '  \u2502 ' : '\u2502 \u2502 ')\r\n        : (isLast ? '    ' : '\u2502   ');\r\n    lines.push(`${prefix}${dataPrefix} pos: ${this.dumpVec3(obj.position)}`);\r\n    lines.push(`${prefix}${dataPrefix} rot: ${this.dumpVec3(obj.rotation)}`);\r\n    lines.push(`${prefix}${dataPrefix} scl: ${this.dumpVec3(obj.scale)}`);\r\n    const newPrefix = prefix + (isLast ? '  ' : '\u2502 ');\r\n    const lastNdx = obj.children.length - 1;\r\n    obj.children.forEach((child, ndx) => {\r\n        const isLast = ndx === lastNdx;\r\n        this.dumpObject(child, lines, isLast, newPrefix);\r\n    });\r\n    return lines;\r\n}\r\n<\/pre>\n
\uc0ac\uc6a9\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n
\r\nconsole.log(this.dumpObject(root).join('\\n'));\r\n<\/pre>\n
\uacb0\uacfc \uc608\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n
*no-name* [Scene]\r\n  \u2502  pos: 0.000, 0.000, 0.000\r\n  \u2502  rot: 0.000, 0.000, 0.000\r\n  \u2502  scl: 1.000, 1.000, 1.000\r\n  \u251c\u2500*no-name* [DirectionalLight]\r\n  \u2502    pos: -250.000, 800.000, -850.000\r\n  \u2502    rot: 0.000, 0.000, 0.000\r\n  \u2502    scl: 1.000, 1.000, 1.000\r\n  \u251c\u2500*no-name* [Object3D]\r\n  \u2502    pos: -550.000, 40.000, -450.000\r\n  \u2502    rot: 0.000, 0.000, 0.000\r\n  \u2502    scl: 1.000, 1.000, 1.000\r\n\r\n... \r\n\r\n  \u251c\u2500*no-name* [Object3D]\r\n  \u2502 \u2502  pos: 571.897, -76.040, -1163.608\r\n  \u2502 \u2502  rot: 0.000, 0.000, 0.000\r\n  \u2502 \u2502  scl: 1.000, 1.000, 1.000\r\n  \u2502 \u2514\u2500CAR_03_3 [Object3D]\r\n  \u2502   \u2502  pos: 0.000, 33.000, 0.000\r\n  \u2502   \u2502  rot: 0.000, 3.142, 0.000\r\n  \u2502   \u2502  scl: 1.500, 1.500, 1.500\r\n  \u2502   \u2514\u2500CAR_03_3_World_ap_0 [Mesh]\r\n  \u2502        pos: 0.000, 0.000, 0.000\r\n  \u2502        rot: 0.000, 0.000, 0.000\r\n  \u2502        scl: 1.000, 1.000, 1.000\r\n  \u2514\u2500*no-name* [Line]\r\n       pos: 0.000, -621.000, 0.000\r\n       rot: 0.000, 0.000, 0.000\r\n       scl: 100.000, 100.000, 100.000<\/pre>\n","protected":false},"excerpt":{"rendered":"
3\ucc28\uc6d0\uc5d0\uc11c\ub294 \ub2e4\uc591\ud55c 3\ucc28\uc6d0 \uac1d\uccb4\uac00 Scene Graph \ud615\ud0dc\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ub80c\ub354\ub9c1\ud558\ub294 \uacb0\uacfc\uc5d0 \ub530\ub77c \uadf8 \ud615\ud0dc\uac00 \ub9e4\uc6b0 \ubcf5\uc7a1\ud558\uac8c \uad6c\uc131\ub420 \uc218 \uc788\ub294\ub370.. Scene Graph\uc758 \uad6c\uc131 \uc694\uc18c\ub97c \ud655\uc778\ud558\uae30 \uc704\ud55c \uac04\ub2e8\ud55c \ud568\uc218\uc785\ub2c8\ub2e4. dumpVec3(v3, precision = 3) { return `${v3.x.toFixed(precision)}, ${v3.y.toFixed(precision)}, ${v3.z.toFixed(precision)}`; } dumpObject(obj, lines = [], isLast = true, prefix = ”) { const localPrefix = isLast ? ‘\u2514\u2500’ : … <\/p>\n
\ub354 \ubcf4\uae30 “three.js\uc758 scene \uad6c\uc131 \uc694\uc18c\ub4e4 \ud655\uc778\ud558\uae30”<\/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-11019","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\/11019","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=11019"}],"version-history":[{"count":6,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11019\/revisions"}],"predecessor-version":[{"id":11025,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/11019\/revisions\/11025"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11019"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}