[B! Three.js] kuraeqoogaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kuraeqooga id:kuraeqooga

Three.jsã«é–¢ã™ã‚‹kuraeqoogaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Blenderã¨three.jsã‚’ä½¿ã£ã¦è¡Œã†ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ | KnockKnock
ä»Šå›žã¯ã€Blenderã§ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ã¦ã€JSONå½¢å¼ã§æ›¸ãå‡ºã—ã¦ã€three.jsã§JSONãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚“ã§ã€ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å†ç¾ã™ã‚‹æµã‚Œã‚’ã€ã–ã£ãã‚Šã¨èª¬æ˜Žå‡ºæ¥ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã€ä»¥ä¸‹ã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰é ‚ã‘ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆã«Blenderã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚Blenderã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ï¼ˆç„¡å„Ÿï¼‰ã®3DCGåˆ¶ä½œãƒ„ãƒ¼ãƒ« ã§ã€ç¾æ™‚ç‚¹ã§ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2.72bã«ãªã‚Šã¾ã™ã€‚3DCGåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã¯Mayaã‚„3dsMaxã‚„Lightwave3Dç‰ã€é«˜æ©Ÿèƒ½ãªãƒ—ãƒç”¨ã‚½ãƒ•ãƒˆãŒå¤šãã‚ã‚Šã¾ã™ãŒã€ã©ã‚Œã‚‚ãã‚Œãªã‚Šã®ä¾¡æ ¼ã«ãªã‚Šã¾ã™ã€‚Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã®åˆ©ç”¨ã«ãŠã„ã¦ã¯ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã‚ãã¾ã§ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šãªã®ã§ã€ä½¿ã†æ©Ÿèƒ½ã¨è¨€ãˆã°ã€ã›ã„ãœã„ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç¨‹åº¦ã«ãªã‚Šã€é«˜ä¾¡ã§é«˜æ©Ÿèƒ½ãª3DCGåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã¯ã€ã‚ªãƒ¼ãƒãƒ¼ã‚¹ãƒšãƒƒã‚¯ã ã¨æ€ã„ã¾ã™ã€‚Bl
kuraeqooga 2016/03/11
blender

Three.js
ãƒªãƒ³ã‚¯
three.js ç”¨ã«ãƒœãƒ¼ãƒ³ã‚¢ãƒ‹ãƒ¡ã‚’æŒã¤ 3D ãƒ¢ãƒ‡ãƒ«ã‚’æ›¸ãå‡ºã™ãŸã‚ã« | Yomotsu net
three.js ã¯ skeletal animation ï¼ˆãƒœãƒ¼ãƒ³ã‚„ãƒªã‚°ï¼‰ã‚’æŒã£ãŸ 3D ãƒ¢ãƒ‡ãƒ«ã‚’èªã¿è¾¼ã¿ã€å†ç”Ÿã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚3D ãƒ¢ãƒ‡ãƒ«ã‚’ three.js ç”¨ã«æ›¸ãå‡ºã™ãŸã‚ä¸€ç•ªã„ã„ãƒ„ãƒ¼ãƒ«ã¯ Blender ã§ã™ã€‚ Blender ä¸Šã§ãƒœãƒ¼ãƒ³ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ã¦ã„ãã¾ã™ã€‚Dope Sheet ã‚’ä½¿ã£ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¤‡æ•°æŒãŸã›ã‚‹ã¨ã€three.js ä¸Šã§ã‚‚ç•°ãªã‚‹è¤‡æ•°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãªãŠã€Blender ä¸Šã®ãƒœãƒ¼ãƒ³ã‚’ã¤ã‘ã¦æ›¸ãã ã™ã¾ã§ã®æ“ä½œã¯å‹•ç”»ã«ã—ã¦ã„ã‚‹ã®ã§åˆã‚ã›ã¦å‚è€ƒã«ã©ã†ãžã€‚ 1. ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ Bake ã™ã‚‹FK ã®ã¿ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã•ã›ã¦ã„ã‚‹å ´åˆã«ã¯ã€ã“ã®è¨å®šã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ three.js ä¸Šã§ã¯åŸºæœ¬çš„ã« FK ã®ã¿å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚IK ã‚„ç‰©ç†æ¼”ç®—ã«ã‚ˆã‚‹è‡ªå‹•è¨ˆç®—ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã€‚ãã®ãŸã‚ã€FK ä»¥å¤–ã§å‹•ã‹ã—ã¦ã„ã‚‹ãƒœãƒ¼ãƒ³
kuraeqooga 2016/03/10
Three.js

blender

3dcg
ãƒªãƒ³ã‚¯
MMD on three.js | Yomotsu net
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ GraphicalWeb Advent Calendar 2013ã€25æ—¥ç›®ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ è‡ªåˆ†ã§ã‚‚ã€MMD ã‚’ three.js ã§å‹•ã‹ã—ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ãŸã®ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ demo (éŸ³ã‚’æœ‰åŠ¹ã«ã—ã¦ã¿ã¦ã) éŸ³ã‚’å‡ºã—ã¦ãŠæ¥½ã—ã¿ãã ã•ã„ã€‚Chrome, Firefox, IE11 ä¸Šã§ãªã‚‰å‹•ä½œã—ã¾ã™ã€‚ Akihiro Oyamada (a.k.a yomotsu) I'm a Web-Front-End-Engineer, as well as a Microsoft MVP for Internet Explorer since 2011 to 2017. Playing with CSS3, SVG, WebGL and others. If you have any feedback or comments, as well as speaker inv
kuraeqooga 2016/03/04
MMD

Three.js
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžã«ãŠã™ã™ã‚ã—ãŸã„Three.jsã®ã‚«ãƒ³ã‚¿ãƒ³3Dä½“é¨“ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã®ã³ã™ã‘ã§ã™ã€‚æœ€è¿‘æ¯Žæ—¥ãƒãƒ ã‚¹ã‚¿ãƒ¼ã«ãªã‚‹å¤¢ã‚’è¦‹ã¾ã™ã€‚ å‰å›žã®è¨˜äº‹ã€Œåœ§å€’çš„ãª3Dè¡¨ç¾ã«Webã®æœªæ¥ã‚’æ„Ÿã˜ã‚‹WebGLã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãƒ»ãƒ‡ãƒ¢20é¸ã€ã«ã¾ã¨ã‚ã¾ã—ãŸãŒã€WebGLã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒæœ€è¿‘è©±é¡Œã«ãªã£ã¦ã„ã¾ã™ãã€‚ å¾“æ¥ã®å¹³é¢ã§è€ƒãˆã‚‹Webã®æ™‚ä»£ã‹ã‚‰æ¬¡ã®æ™‚ä»£ã¸ã®ç§»ã‚Šå¤‰ã‚ã‚Šã‚’æ„Ÿã˜ã‚‹ä»Šæ—¥ã“ã®é ƒã§ã™ã€‚ ä»Šå›žã¯å®Ÿéš›ã«WebGLã‚’ä½¿ã£ãŸ3Dè¡¨ç¾ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã¾ã™ã€‚ JavaScriptã§è¨˜è¿°ã—ã¾ã™ãŒã€åˆå¿ƒè€…å‘ã‘ã«ã¾ã¨ã‚ãŸã®ã§ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžã‚„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã«ã‚‚ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã»ã—ã„ã§ã™ï¼å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰æ›¸ãã¨ã“ã‚ã¯5åˆ†ï¼ˆæ—©ã„äººãªã‚‰1åˆ†ï¼‰ã§ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚WebGLã¨ã¯ PCä¸Šã§3Dã‚’æç”»ã™ã‚‹ãŸã‚ã®æŠ€è¡“ã«OpenGLã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚OpenGLã¯3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹APIã¨ã‚‚å‘¼ã°ã‚Œã¦ã„ã¦ã€æ§˜ã€…ãªãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«å¯¾å¿œã—ã¦ãŠã‚Šã€åºƒãæ™®åŠã—ã¦ã„ã¾ã™ã€‚ ã“ã®OpenGLã‚’We
kuraeqooga 2016/02/05
jQuery

Three.js
ãƒªãƒ³ã‚¯
1