{"id":5758,"date":"2015-03-17T18:37:53","date_gmt":"2015-03-17T09:37:53","guid":{"rendered":"http:\/\/www.spiceworks.co.jp\/blog\/?p=5758"},"modified":"2024-05-20T17:33:41","modified_gmt":"2024-05-20T08:33:41","slug":"web%e4%b8%8a%e3%81%a73dcg%e3%82%92%e8%a1%a8%e7%8f%be%e3%81%99%e3%82%8b%e3%80%8cthree-js%e3%80%8d%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%ef%bc%81","status":"publish","type":"post","link":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758","title":{"rendered":"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01"},"content":{"rendered":"

\u3053\u3093\u306b\u3061\u306f\uff01Web\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\u306e\u9152\u4e3b\u3067\u3059\u3002
\n\u6620\u753b\u3001\u30a2\u30cb\u30e1\u3001\u30b2\u30fc\u30e0\u306a\u3069\u3001\u69d8\u3005\u306a\u5a92\u4f53\u3067\u8868\u73fe\u65b9\u6cd5\u3068\u3057\u3066\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b3DCG\u3067\u3059\u304c\u3001\u6700\u8fd1\u3067\u306fWebGL\u3092\u4f7f\u7528\u3057\u305f\u30b5\u30a4\u30c8\u30843D\u30b3\u30f3\u30c6\u30f3\u30c4\u3082\u5897\u3048\u3066\u304d\u3066\u3001\u8868\u73fe\u306e\u5e45\u3092\u5e83\u3052\u3066\u3044\u307e\u3059\u3002
\n3DCG\u5236\u4f5c\u306e\u7d4c\u9a13\u304c\u5c11\u3057\u3042\u308b\u79c1\u3068\u3057\u3066\u306f\u3001\u3061\u3087\u3063\u3068\u5fc3\u60f9\u304b\u308c\u308bWebGL\u2026\u3000\u3067\u3082JavaScript\u306a\u3093\u3066\u77e5\u3089\u306a\u3044\u2026
\n\u305d\u3093\u306a\u521d\u5fc3\u8005\u3067\u3082\u3001WebGL\u3092\u7c21\u5358\u306b\u6271\u3048\u308b\u300cthree.js\u300d\u3068\u3044\u3046JavaScript\u30e9\u30a4\u30d6\u30e9\u30ea\u30fc\u304c\u3042\u308b\u3089\u3057\u3044\u306e\u3067\u3001\u3054\u7d39\u4ecb\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n

<\/p>\n

\u25a0\u300cthree.js\u300d\u3092\u5165\u624b\u3059\u308b\uff01<\/strong><\/h3>\n

\u300cthree.js\u300d\u306f\u3053\u3061\u3089\u304b\u3089\u5165\u624b\u3067\u304d\u307e\u3059
\nhttp:\/\/threejs.org\/<\/a>
\n\u5de6\u5074\u306b\u3042\u308b\u30e1\u30cb\u30e5\u30fc\u306e\u300cdownload\u300d\u30dc\u30bf\u30f3\u304b\u3089\u4e00\u5f0f\u3092\u843d\u3068\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

<\/p>\n

\u25a0\u56f3\u5f62\u3092\u4f5c\u6210\u3057\u3066\u307f\u308b\uff01<\/strong><\/h3>\n

three.js\u306b\u3064\u3044\u3066\u306f\u3001\u3044\u308d\u3093\u306a\u4eba\u304c\u4f5c\u6210\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002
\n\u30d5\u30a1\u30a4\u30eb\u4e00\u5f0f\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304d\u305f\u3060\u3051\u3067\u306f\u308f\u304b\u3089\u306a\u3044\u306e\u3067\u3001\u8a18\u8ff0\u3059\u308b\u5185\u5bb9\u3092\u8abf\u3079\u3064\u3064\u3001\u56de\u8ee2\u3059\u308b\u7403\u3092\u4f5c\u6210\u3057\u3066\u307f\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n

\u307e\u305a\u306f\u3001\u30ec\u30f3\u30c0\u30e9\u2015\u3092\u521d\u671f\u5316\u3057\u307e\u3059\u3002<\/p>\n

\r\n\u3000\/\/\u30ec\u30f3\u30c0\u30e9\u30fc\u304c2\u3064\u3042\u308a\u307e\u3059\u3002\r\n\u3000\/\/\u300cWebGLRenderer\u300d\u306fthree.js\u306e\u5168\u6a5f\u80fd\u304c\u4f7f\u3048\u307e\u3059\u304c\u3001\r\n\u3000\/\/\u300cCanvasRenderer\u300d\u306f\u4e00\u90e8\u6a5f\u80fd\u3057\u304b\u4f7f\u3048\u307e\u305b\u3093\u3002\r\n\u3000\/\/\u300cantialias:true\u300d\u306f\u30a2\u30f3\u30c1\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u6709\u52b9\uff08ture\uff09\u306b\u3059\u308b\u304b\u3001\r\n\u3000\/\/\u7121\u52b9\uff08false\uff09\u306b\u3059\u308b\u304b\u6c7a\u3081\u3089\u308c\u307e\u3059\u3002\r\n      var renderer = new THREE.WebGLRenderer({ antialias:true });\r\n\u3000\/\/3D\u3092\u8868\u793a\u3059\u308b\u30a8\u30ea\u30a2\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002500px \u00d7 500px\u306b\u3057\u3066\u3044\u307e\u3059\u3002\r\n      renderer.setSize(500, 500);\r\n\u3000\/\/\u8a2d\u5b9a\u3057\u305f\u30a8\u30ea\u30a2\u306e\u80cc\u666f\u8272\uff08\u300cdcdcdc\u300d\u306e\u90e8\u5206\u3067\u3059\u300216\u9032\u6570\u3067\u6307\u5b9a\uff09\u3068\u3001\r\n\u3000\/\/\u900f\u660e\u5ea6\uff08\u300c1.0\u300d\u3068\u8a2d\u5b9a\u3057\u3066\u3044\u308b\u3068\u3053\u308d\uff09\u304c\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002\r\n      renderer.setClearColorHex(0xdcdcdc, 1.0);\r\n\u3000\/\/\u30ec\u30f3\u30c0\u30e9\u30fc\u3092DOM\u306b\u8a2d\u7f6e\u3057\u307e\u3059\u3002\r\n      document.body.appendChild(renderer.domElement);\r\n}\r\n<\/pre>\n
\n\u6b21\u306b\u3001\u30b7\u30fc\u30f3\u3068\u30ab\u30e1\u30e9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
\r\n\u3000\/\/\u30b7\u30fc\u30f3\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\r\n\tvar scene = new THREE.Scene();\r\n\r\n\u3000\/\/\u30ab\u30e1\u30e9\u306e\u8a2d\u5b9a\u3067\u3059\u3002\r\n\u3000\/\/\u300cPerspectiveCamera\u300d\u306f\u900f\u8996\u6295\u5f71\u30ab\u30e1\u30e9\u3067\u3059\u3002\r\n\u3000\/\/\u300c15\u300d\u3068\u8a2d\u5b9a\u3057\u3066\u3044\u308b\u306e\u306f\u5916\u89d2\u3067\u3059\u3002\u5c0f\u3055\u3044\u307b\u3069\u671b\u9060\uff08\u8996\u91ce\u304c\u72ed\u304f\uff09\u306b\u306a\u308a\u3001\r\n\u3000\/\/\u5927\u304d\u3044\u307b\u3069\u5e83\u89d2\uff08\u8996\u91ce\u304c\u5e83\u304f\uff09\u306a\u308a\u307e\u3059\u3002\u300c500 \/ 500\u300d\u306f\u753b\u9762\u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u3067\u3059\u3002\r\n\tvar camera = new THREE.PerspectiveCamera(15, 500 \/ 500);\r\n\u3000\/\/\u30ab\u30e1\u30e9\u306e\u4f4d\u7f6e(x,y,z)\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\r\n\tcamera.position = new THREE.Vector3(0, 0, 8);\r\n\u3000\/\/\u30ab\u30e1\u30e9\u304c\u5199\u3059\u65b9\u5411(x,y,z)\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\r\n\tcamera.lookAt(new THREE.Vector3(0, 0, 0));\r\n\u3000\/\/\u30b7\u30fc\u30f3\u306b\u30ab\u30e1\u30e9\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\r\n\tscene.add(camera);\r\n<\/pre>\n
\n\u30b7\u30fc\u30f3\u306b\u30e9\u30a4\u30c8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n
\r\n\u3000\/\/ \u30e9\u30a4\u30c8\u306e\u5149\u306e\u8272\uff08\u300c0xcccccc\u300d\u306e\u300ccccccc\u300d\u90e8\u5206\u300216\u9032\u6570\u3067\u3059\uff09\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\r\n\tvar light = new THREE.DirectionalLight(0xcccccc);\r\n\u3000\/\/\u30e9\u30a4\u30c8\u304c\u5dee\u3057\u3066\u304f\u308b\u65b9\u5411\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\r\n\tlight.position = new THREE.Vector3(0.577, 0.577, 0.577);\r\n\u3000\/\/\u30b7\u30fc\u30f3\u306b\u30e9\u30a4\u30c8\u3092\u7f6e\u304d\u307e\u3059\u3088\u30fc\u3068\u3044\u3046\u5ba3\u8a00\u3067\u3059\u3002\r\n\tscene.add(light);\r\n\u3000\/\/\u300cAmbientLight\u300d\u306f\u81ea\u7136\u5149\u306e\u3088\u3046\u306b\u5168\u4f53\u306b\u5149\u3092\u5f53\u3066\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\r\n\u3000\/\/\u300c0x333333\u300d\u306f\u8272\u306e\u8a2d\u5b9a\u306b\u306a\u308a\u307e\u3059\u3002\r\n\tvar ambient = new THREE.AmbientLight(0x333333);\r\n\u3000\/\/\u30b7\u30fc\u30f3\u306bambient\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\r\n\tscene.add(ambient);\r\n<\/pre>\n
\u203b\u4e00\u90e8\u3060\u3051\u306b\u5149\u3092\u5f53\u3066\u305f\u3044\u5834\u5408\u306f\u300cSpotLight\u300d\u3068\u3044\u3046\u8a2d\u5b9a\u3082\u3042\u308a\u307e\u3059<\/p>\n
\u8868\u793a\u3059\u308b3D\uff08\u7403\u4f53\uff09\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n
\r\n\u3000\/\/\u7403\u4f53\uff08SphereGeometry\uff09\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\r\n\u3000\/\/(0.8, 32, 16)\u306f\u5de6\u304b\u3089\u3001\u534a\u5f84\u3001\u7d4c\u5ea6\u65b9\u5411\u306e\u5206\u5272\u6570\u3001\u7def\u5ea6\u65b9\u5411\u306e\u5206\u5272\u6570\u3067\u3059\u3002\r\n\tvar geometry = new THREE.SphereGeometry(0.8, 32, 16);\r\n\u3000\/\/\u7403\u4f53\u306e\u30de\u30c6\u30ea\u30a2\u30eb\uff08\u8cbc\u308a\u4ed8\u3051\u308b\u753b\u50cf\u3084\u8cea\u611f\u306a\u3069\uff09\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\r\n\tvar texture  = THREE.ImageUtils.loadTexture('images\/metal_00017.jpg');\r\n\tvar material = new THREE.MeshPhongMaterial({\r\n\u3000\/\/\u7403\u4f53\u306e\u8272\uff08color\uff09\u3001\u30cf\u30a4\u30e9\u30a4\u30c8\uff08specular\uff09\u3001\u30cf\u30a4\u30e9\u30a4\u30c8\u306e\u5927\u304d\u3055\uff08shininess\uff09\u3001\r\n\u3000\/\/\u9670\u306e\u90e8\u5206\u306e\u8272\uff08ambient\uff09\u3092\u305d\u308c\u305e\u308c\u8a2d\u5b9a\u3057\u307e\u3059\u3002\r\n\tcolor: 0xffffff, specular: 0xcccccc, shininess:50, ambient: 0xffffff,\r\n\u3000\/\/\u7403\u4f53\u306e\u30de\u30c6\u30ea\u30a2\u30eb\u306b\u5bfe\u3057\u3066\u3001\u51f9\u51f8\u8868\u73fe\uff08bumpMap\uff09\u3092\u8ffd\u52a0\uff08bumpScale: 0.005\uff09\u3057\u307e\u3059\u3002\r\n\tmap: texture, bumpMap: texture, bumpScale: 0.005,});\r\n\u3000\/\/\u8a2d\u5b9a\u3057\u305f\u7403\u4f53\u3068\u30de\u30c6\u30ea\u30a2\u30eb\u304b\u3089\u30e1\u30c3\u30b7\u30e5\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\r\n\tvar mesh = new THREE.Mesh(geometry, material);\r\n\u3000\/\/\u30e1\u30c3\u30b7\u30e5\u3092\u30b7\u30fc\u30f3\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002\r\n\tscene.add(mesh);\r\n<\/pre>\n
\u8a2d\u5b9a\u3057\u305f\u3082\u306e\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u3066\u5b8c\u6210\uff01\u3067\u304d\u307e\u3057\u305f\u30fc\uff01\uff01
\n\"02_2\"<\/a><\/p>\n
\u6b21\u306b\u3001\u3044\u308d\u3093\u306a\u5f62\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002
\n\u697d\u3057\u3044\uff01
\n\"01_2\"<\/a><\/p>\n
<\/p>\n
\u4f5c\u6210\u3057\u3066\u307f\u305f\u611f\u60f3<\/strong><\/h3>\n
\u8a18\u8ff0\u3059\u308b\u306b\u3042\u305f\u308a\u30013DCG\u3084\u6620\u50cf\u306e\u5236\u4f5c\u7d4c\u9a13\u304c\u3042\u308b\u3068\u3001\u306a\u3058\u307f\u306e\u3042\u308b\u8a00\u8449\u304c\u591a\u304f\u5b58\u5728\u3057\u307e\u3057\u305f\u3002
\n\u30ab\u30e1\u30e9\uff08camera\uff09\u306e\u5b58\u5728\u3092\u306f\u3058\u3081\u3001\u30e9\u30a4\u30c8\uff08DirectionalLight\u3084AmbientLight\uff09\u306e\u8a2d\u5b9a\u3001\u30de\u30c3\u30d7\uff08texture\u3084bumpMap\uff09\u306e\u5b58\u5728\u306a\u3069\u306a\u3069\u2026<\/p>\n
\u30e2\u30c7\u30ea\u30f3\u30b0\u304c\u3067\u304d\u308b\u4eba\u306f\u3001\u81ea\u5206\u304c\u4f5c\u3063\u305f\u30e2\u30c7\u30ea\u30f3\u30b0\u30c7\u30fc\u30bf\u3092\u5404\u30bd\u30d5\u30c8\uff083dsMAX\u3084Blender\u306a\u3069\uff09\u304b\u3089\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3067\u66f8\u304d\u51fa\u3057\u3001\u547c\u3093\u3067\u304f\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\uff08\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u3082\u6301\u3063\u3066\u3053\u3089\u308c\u308b\u3089\u3057\u3044\uff09
\n\u81ea\u5206\u306e\u4f5c\u6210\u3057\u305f\u30e2\u30c7\u30eb\u304cWeb\u4e0a\u3067\u52d5\u304f\u306a\u3093\u3066\u3001\u3061\u3087\u3063\u3068\u308f\u304f\u308f\u304f\u3057\u307e\u305b\u3093\u304b\uff1f<\/p>\n
\u521d\u5fc3\u8005\u306b\u3082\u7c21\u5358\u306b\u3067\u304d\u308b\u306e\u3067\u3001\u5c11\u3057\u3067\u3082\u8208\u5473\u304c\u3042\u308b\u4eba\u306f\u89e6\u3063\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f
\n\u6848\u5916\u3001\u306f\u307e\u3063\u3066\u3057\u307e\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3088\uff01<\/p>\n
\u203b\u81ea\u4f5c\u3057\u305f\u30e2\u30c7\u30ea\u30f3\u30b0\u30c7\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u5c02\u7528\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30bf\u3092\u30a2\u30c9\u30aa\u30f3\u3068\u3057\u3066\u8ffd\u52a0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059
\n\u203bthree.js\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u3088\u3063\u3066\u306f\u3001\u4e0a\u8a18\u8a18\u8ff0\u3067\u3046\u307e\u304f\u52d5\u4f5c\u3057\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059<\/p>\n","protected":false},"excerpt":{"rendered":"\u3053\u3093\u306b\u3061\u306f\uff01Web\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\u306e\u9152\u4e3b\u3067\u3059\u3002 \u6620\u753b\u3001\u30a2\u30cb\u30e1\u3001\u30b2\u30fc\u30e0\u306a\u3069\u3001\u69d8\u3005\u306a\u5a92\u4f53\u3067\u8868\u73fe\u65b9\u6cd5\u3068\u3057\u3066\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b3DCG\u3067\u3059\u304c\u3001\u6700\u8fd1\u3067\u306fWebGL\u3092\u4f7f\u7528\u3057\u305f\u30b5\u30a4\u30c8\u30843D\u30b3\u30f3\u30c6\u30f3\u30c4\u3082\u5897\u3048\u3066\u304d\u3066\u3001\u8868\u73fe\u306e\u5e45\u3092\u5e83\u3052\u3066\u3044\u307e\u3059\u3002 3D […]","protected":false},"author":18,"featured_media":5761,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-5758","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website"],"yoast_head":"\nWeb\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01 - spiceworks Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01 - spiceworks Blog\" \/>\n<meta property=\"og:description\" content=\"\u3053\u3093\u306b\u3061\u306f\uff01Web\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\u306e\u9152\u4e3b\u3067\u3059\u3002 \u6620\u753b\u3001\u30a2\u30cb\u30e1\u3001\u30b2\u30fc\u30e0\u306a\u3069\u3001\u69d8\u3005\u306a\u5a92\u4f53\u3067\u8868\u73fe\u65b9\u6cd5\u3068\u3057\u3066\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b3DCG\u3067\u3059\u304c\u3001\u6700\u8fd1\u3067\u306fWebGL\u3092\u4f7f\u7528\u3057\u305f\u30b5\u30a4\u30c8\u30843D\u30b3\u30f3\u30c6\u30f3\u30c4\u3082\u5897\u3048\u3066\u304d\u3066\u3001\u8868\u73fe\u306e\u5e45\u3092\u5e83\u3052\u3066\u3044\u307e\u3059\u3002 3D […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758\" \/>\n<meta property=\"og:site_name\" content=\"spiceworks Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-17T09:37:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-20T08:33:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.spiceworks.co.jp\/blog\/wp-content\/uploads\/2015\/03\/02_2-e1425907531454.png\" \/>\n\t<meta property=\"og:image:width\" content=\"255\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u9152\u4e3b \u8061\u5b50\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u9152\u4e3b \u8061\u5b50\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758\"},\"author\":{\"name\":\"\u9152\u4e3b \u8061\u5b50\",\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/#\\\/schema\\\/person\\\/24433dc4113db73f78b4a02736f35e4a\"},\"headline\":\"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01\",\"datePublished\":\"2015-03-17T09:37:53+00:00\",\"dateModified\":\"2024-05-20T08:33:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758\"},\"wordCount\":181,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/02_2-e1425907531454.png\",\"articleSection\":[\"Web\u5236\u4f5c\u30fb\u30b7\u30b9\u30c6\u30e0\"],\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758\",\"url\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758\",\"name\":\"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01 - spiceworks Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/02_2-e1425907531454.png\",\"datePublished\":\"2015-03-17T09:37:53+00:00\",\"dateModified\":\"2024-05-20T08:33:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/#\\\/schema\\\/person\\\/24433dc4113db73f78b4a02736f35e4a\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758#primaryimage\",\"url\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/02_2-e1425907531454.png\",\"contentUrl\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/02_2-e1425907531454.png\",\"width\":255,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?p=5758#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/\",\"name\":\"spiceworks Blog\",\"description\":\""\u4f1d\u308f\u308b"\u3092\u30c7\u30b6\u30a4\u30f3\u3059\u308b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/#\\\/schema\\\/person\\\/24433dc4113db73f78b4a02736f35e4a\",\"name\":\"\u9152\u4e3b \u8061\u5b50\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/840202de5dd26249e99d92500eb98623f63a410e80ba796944879fc288568d50?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/840202de5dd26249e99d92500eb98623f63a410e80ba796944879fc288568d50?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/840202de5dd26249e99d92500eb98623f63a410e80ba796944879fc288568d50?s=96&d=mm&r=g\",\"caption\":\"\u9152\u4e3b \u8061\u5b50\"},\"description\":\"\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\",\"url\":\"https:\\\/\\\/www.spiceworks.co.jp\\\/blog\\\/?author=18\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01 - spiceworks Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758","og_locale":"ja_JP","og_type":"article","og_title":"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01 - spiceworks Blog","og_description":"\u3053\u3093\u306b\u3061\u306f\uff01Web\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\u306e\u9152\u4e3b\u3067\u3059\u3002 \u6620\u753b\u3001\u30a2\u30cb\u30e1\u3001\u30b2\u30fc\u30e0\u306a\u3069\u3001\u69d8\u3005\u306a\u5a92\u4f53\u3067\u8868\u73fe\u65b9\u6cd5\u3068\u3057\u3066\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b3DCG\u3067\u3059\u304c\u3001\u6700\u8fd1\u3067\u306fWebGL\u3092\u4f7f\u7528\u3057\u305f\u30b5\u30a4\u30c8\u30843D\u30b3\u30f3\u30c6\u30f3\u30c4\u3082\u5897\u3048\u3066\u304d\u3066\u3001\u8868\u73fe\u306e\u5e45\u3092\u5e83\u3052\u3066\u3044\u307e\u3059\u3002 3D […]","og_url":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758","og_site_name":"spiceworks Blog","article_published_time":"2015-03-17T09:37:53+00:00","article_modified_time":"2024-05-20T08:33:41+00:00","og_image":[{"width":255,"height":250,"url":"https:\/\/www.spiceworks.co.jp\/blog\/wp-content\/uploads\/2015\/03\/02_2-e1425907531454.png","type":"image\/png"}],"author":"\u9152\u4e3b \u8061\u5b50","twitter_card":"summary_large_image","twitter_misc":{"\u57f7\u7b46\u8005":"\u9152\u4e3b \u8061\u5b50","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"1\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758#article","isPartOf":{"@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758"},"author":{"name":"\u9152\u4e3b \u8061\u5b50","@id":"https:\/\/www.spiceworks.co.jp\/blog\/#\/schema\/person\/24433dc4113db73f78b4a02736f35e4a"},"headline":"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01","datePublished":"2015-03-17T09:37:53+00:00","dateModified":"2024-05-20T08:33:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758"},"wordCount":181,"commentCount":0,"image":{"@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758#primaryimage"},"thumbnailUrl":"https:\/\/www.spiceworks.co.jp\/blog\/wp-content\/uploads\/2015\/03\/02_2-e1425907531454.png","articleSection":["Web\u5236\u4f5c\u30fb\u30b7\u30b9\u30c6\u30e0"],"inLanguage":"ja","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.spiceworks.co.jp\/blog\/?p=5758#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758","url":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758","name":"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01 - spiceworks Blog","isPartOf":{"@id":"https:\/\/www.spiceworks.co.jp\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758#primaryimage"},"image":{"@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758#primaryimage"},"thumbnailUrl":"https:\/\/www.spiceworks.co.jp\/blog\/wp-content\/uploads\/2015\/03\/02_2-e1425907531454.png","datePublished":"2015-03-17T09:37:53+00:00","dateModified":"2024-05-20T08:33:41+00:00","author":{"@id":"https:\/\/www.spiceworks.co.jp\/blog\/#\/schema\/person\/24433dc4113db73f78b4a02736f35e4a"},"breadcrumb":{"@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.spiceworks.co.jp\/blog\/?p=5758"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758#primaryimage","url":"https:\/\/www.spiceworks.co.jp\/blog\/wp-content\/uploads\/2015\/03\/02_2-e1425907531454.png","contentUrl":"https:\/\/www.spiceworks.co.jp\/blog\/wp-content\/uploads\/2015\/03\/02_2-e1425907531454.png","width":255,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.spiceworks.co.jp\/blog\/?p=5758#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.spiceworks.co.jp\/blog"},{"@type":"ListItem","position":2,"name":"Web\u4e0a\u30673DCG\u3092\u8868\u73fe\u3059\u308b\u300cthree.js\u300d\u3092\u4f7f\u3063\u3066\u307f\u305f\uff01"}]},{"@type":"WebSite","@id":"https:\/\/www.spiceworks.co.jp\/blog\/#website","url":"https:\/\/www.spiceworks.co.jp\/blog\/","name":"spiceworks Blog","description":""\u4f1d\u308f\u308b"\u3092\u30c7\u30b6\u30a4\u30f3\u3059\u308b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.spiceworks.co.jp\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Person","@id":"https:\/\/www.spiceworks.co.jp\/blog\/#\/schema\/person\/24433dc4113db73f78b4a02736f35e4a","name":"\u9152\u4e3b \u8061\u5b50","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/secure.gravatar.com\/avatar\/840202de5dd26249e99d92500eb98623f63a410e80ba796944879fc288568d50?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/840202de5dd26249e99d92500eb98623f63a410e80ba796944879fc288568d50?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/840202de5dd26249e99d92500eb98623f63a410e80ba796944879fc288568d50?s=96&d=mm&r=g","caption":"\u9152\u4e3b \u8061\u5b50"},"description":"\u30c7\u30a3\u30ec\u30af\u30bf\u30fc","url":"https:\/\/www.spiceworks.co.jp\/blog\/?author=18"}]}},"_links":{"self":[{"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5758"}],"version-history":[{"count":35,"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5758\/revisions"}],"predecessor-version":[{"id":23622,"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/posts\/5758\/revisions\/23622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=\/wp\/v2\/media\/5761"}],"wp:attachment":[{"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.spiceworks.co.jp\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}