3Dデータ(Blender)ã‚’Three.jsã§è¡¨ç¤ºã™ã‚‹ã¾ã§ã®æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作ãŠã¯ã“ã‚“ã°ã‚“ã«ã¡ã¯ã€‚ 最近ã€æ‡ã‹ã—ã®ã‚¢ãƒ‹ãƒ¡ã‚’見るã“ã¨ã«ã¯ã¾ã£ã¦ã„ã¾ã™ã€‚ãƒãƒ«ã§ã™ã€‚ 今回ã¯ã€ã€Œ3D表ç¾ãŒã—ãŸã„ï¼ã€ã¨æ€ã„〠ã“ã‚“ãªæ„Ÿã˜ã®3D表ç¾ã‚’ã€Blender ã§ä½œæˆã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’ç°¡å˜ã«æ›¸ã出ã—㦠Three.js ã§ç°¡å˜ã«è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 今回ã®å®Œæˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’Githubã«å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚よã‚ã—ã‘ã‚Œã°å‚考ã«ã—ã¦ãã ã•ã„。 完æˆãƒ•ã‚¡ã‚¤ãƒ«ï¼šhttps://github.com/hal-satoyuki/sample3d 完æˆãƒšãƒ¼ã‚¸ï¼šhttps://hal-satoyuki.github.io/sample3d/ ãã‚Œã§ã¯æ—©é€Ÿã€ä½œã£ã¦ã„ãã¾ã—ょã†ï¼ 今回ã®å‹•ä½œç¢ºèªãƒ–ラウザã«ã¤ã„㦠動作確èªã®ãƒ–ラウザã«ã¯ã€Firefox を使ã„ã¾ã™ã€‚GoogleChrome ã§ç¢ºèªã™ã‚‹ã¨ã€XMLHttpRequest ã®ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦ã—ã¾ã†ãŸã‚ã§ã™ã€‚ ã¾ãŸã€æ‰‹é †ã«ã¤ã„ã¦ã¯ã€MacPC ã§ã®èª¬æ˜Žã‚’
[JS]ãã®ç¾Žã—ã•ã€ä¸€åº¦è¦‹ãŸã‚‰çµ¶å¯¾å¿˜ã‚Œãªã„ï¼ã‚¹ã‚´æŠ€ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ãŸç”»åƒåˆ‡ã‚Šæ›ãˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯![[JS]ãã®ç¾Žã—ã•ã€ä¸€åº¦è¦‹ãŸã‚‰çµ¶å¯¾å¿˜ã‚Œãªã„ï¼ã‚¹ã‚´æŠ€ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ãŸç”»åƒåˆ‡ã‚Šæ›ãˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯](https://cdn-ak-scissors.b.st-hatena.com/image/square/2b80cbe84952c5181c714203d0bc43c4fa7b61af/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016052601.png)
ãŸã£ãŸ4è¡Œã§ã§ãã‚‹ï¼ ãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘VRã‚’Three.jsã§å®Ÿè£…ã™ã‚‹æ–¹æ³• - ICS MEDIA
åˆå¿ƒè€…ã§ã‚‚絶対ã‚ã‹ã‚‹ã€WebGLプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.js最åˆã®ä¸€æ©ï¼ž
{{#tags}}- {{label}}
{{/tags}}