[B! development][3d] uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

uchiuchiyama id:uchiuchiyama

developmentã¨3dã«é–¢ã™ã‚‹uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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}}

Reactã€Reduxã€D3ã‚’ç”¨ã„ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ | POSTD
ã“ã‚Œã¯å°ã•ãªç²’ã‚’ç”Ÿæˆã™ã‚‹ã‚‚ã®ã§ã™ã€‚ã‚ãªãŸãŒã‚¯ãƒªãƒƒã‚¯ã—ãŸå ´æ‰€ã‹ã‚‰ã€å°ã•ãªå††ãŒç”Ÿã¾ã‚Œã¦é£›ã³å‡ºã—ã¦ã„ãã®ã§ã™ã€‚ãƒžã‚¦ã‚¹ã‚’æŒã£ã¦ã€å‹•ã‹ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ç²’ã¯ã‚«ãƒ¼ã‚½ãƒ«ã‹ã‚‰ç”Ÿã¿å‡ºã•ã‚Œç¶šã‘ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ã‚„ã€ãƒžã‚¦ã‚¹ã§ã¯ãªãæŒ‡ã§å‹•ã‹ã™ã‚¿ã‚¤ãƒ—ã®ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã ã£ãŸã‚‰ã©ã†ã§ã—ã‚‡ã†ã‹ã€‚åŒã˜ã‚ˆã†ã«å‹•ãã¾ã™ã€‚ ç§ã¯ã‚ªã‚¿ã‚¯ãªã®ã§ã€ã“ã‚ŒãŒæ¥½ã—ã„ã¨æ€ã„ã¾ã™ã€‚çš†ã•ã‚“ã®è¦‹è§£ã¯æ§˜ã€…ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚åŸ‹ã‚è¾¼ã¿ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€å††ãŒé£›ã¶ã®ã‚’è¦‹ã¦ãã ã•ã„ã€‚ã‚¯ãƒ¼ãƒ«ã˜ã‚ƒãªã„ã§ã™ã‹ï¼Ÿ ä»•çµ„ã¿ ã“ã‚Œã¯å…¨ã¦Reactã€Reduxã€D3ã‚’ä½¿ã£ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒˆãƒªãƒƒã‚¯ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å°‘ã—ã®è³¢ã•ãŒå¿…è¦ãªã ã‘ã§ã™ã€‚ ä¸€èˆ¬çš„ãªæ–¹æ³•ã‚’ã€ä»¥ä¸‹ã§èª¬æ˜Žã—ã¦ã¿ã¾ã™ã€‚ ç§ãŸã¡ã¯ã€ãƒšãƒ¼ã‚¸ã€SVGã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€å†…éƒ¨ã®ç²’ã¨ã„ã£ãŸ å…¨ã¦ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã«React ã‚’ä½¿ã„ã¾ã™ã€‚ã“ã®å…¨ã¦ã¯ã€propã‚’ä½¿ã£ã¦DOMã‚’è¿”ã™ã€Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½¿ã£ã¦ä½œã‚‰
uchiuchiyama 2016/04/20
react

redux

javascript

development

3d
ãƒªãƒ³ã‚¯
è¶…ç°¡å˜ã«3DCGã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªä½œã£ãŸ - aikeâ€™s blog
ãƒ–ãƒ©ã‚¦ã‚¶ã§WebGLãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦3DCGãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ãšã„ã¶ã‚“èº«è¿‘ãªã‚‚ã®ã«ãªã‚Šã¾ã—ãŸã€‚ã¨æ›¸ã„ã¦ã‚‹ãã°ã‹ã‚‰é•å’Œæ„Ÿã‚’æ„Ÿã˜ã‚‹ãã‚‰ã„ç”Ÿã®WebGLã‚’JavaScriptã§æ›¸ãã®ã¯æ•·å±…ãŒé«˜ã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ã§ããªãã¯ãªã„ã‘ã©å‰æã¨ãªã‚‹çŸ¥è˜ãŒã‹ãªã‚Šå¿…è¦ãªæ„Ÿã˜ã€‚ three.jsãŒç™»å ´ã—ãŸã¨ãã¯ã€ã“ã‚Œã§æ™®é€šã«3DCGãŒã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ä¸€æ°—ã«ã²ã‚ã¾ã‚Šã¾ã—ãŸã€‚ã¨ã¯ã„ãˆã€ãã‚Œã§ã‚‚ã¾ã ã‚„ã‚‹ã“ã¨ã¯å¤šãã€ç”»é¢ã«å››è§’ã„ç®±ã‚’è¡¨ç¤ºã™ã‚‹å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ãã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãƒ»ã‚·ãƒ¼ãƒ³ã‚’ä½œæˆ ãƒ»ãƒ©ã‚¤ãƒˆã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ã‚«ãƒ¡ãƒ©ã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ãƒžãƒ†ãƒªã‚¢ãƒ«ã‚’ä½œæˆã€è‰²ã‚’æŒ‡å®š ãƒ»BoxGeometryã‚’ä½œæˆã€ã‚µã‚¤ã‚ºã‚’æŒ‡å®š ãƒ»ãƒ¡ãƒƒã‚·ãƒ¥ã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ¼ã‚’ä½œæˆ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ«ãƒ¼ãƒ—å‡¦ç† ã“ã‚Œã‚‰ã®ã²ã¨ã¤ã§ã‚‚é–“é•ãˆãŸã‚Šãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ãŒé©åˆ‡ã§ãª
uchiuchiyama 2015/01/30
javascript

development

3d

library

three.js

introduction
ãƒªãƒ³ã‚¯
WebGLå¯¾å¿œã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªThree.jsã‚’çˆ†é€Ÿã«ã™ã‚‹æ–¹æ³• | ClockMaker Blog
å‰å›žã®WebGL(Three.js)ã¨Stage3D(Away3D)ã®æ¯”è¼ƒã§ã™ãŒã€Mr.doobã•ã‚“ã‚’å§‹ã‚å›½å†…å¤–ã®å¤šãã®æ–¹ã‹ã‚‰ã”æŒ‡æ‘˜é ‚ãWebGL(Three.js)ç‰ˆã‚’æœ€é©åŒ–ã—ãŸã¨ã“ã‚ã€æœ€çµ‚çš„ã«ã¯Flash(Away3D)ç‰ˆã¨åŒã˜ãã‚‰ã„ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ãªã‚Šã¾ã—ãŸã€‚å½“åˆã€æœ€é©åŒ–ãƒ»æ¤œè¨¼ä¸è¶³ã§é–“é•ã£ãŸæƒ…å ±ã‚’æŽ²è¼‰ã—ã¦ã—ã¾ã„ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã•ã¦ã€ãã®WebGL(Three.js)ç‰ˆã‚’æœ€é©åŒ–ã—ãŸæ‰‹æ³•ãŒæœ‰æ„ç¾©ã ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ç´¹ä»‹ ã¾ãšã¯ã“ã¡ã‚‰ã®2ã¤ã®ãƒ‡ãƒ¢ã®å†ç”Ÿã‚’æ¯”è¼ƒã—ã¦ã¿ã¦ãã ã•ã„ã€‚WebGLå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶(ä¾‹ï¼šGoogle Chrome)ã§ã”è¦§ãã ã•ã„ã€‚ â–¼æœ€é©åŒ–å‰ â–¼æœ€é©åŒ–å¾Œ ã©ã†ã§ã—ã‚‡ã†ï¼Ÿ åœ§å€’çš„ã«å¾Œè€…ã®ã»ã†ãŒæ»‘ã‚‰ã‹ã«å†ç”Ÿã§ãã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ å¾Œè€…ã®ã»ã†ã¯é…ç½®ã—ã¦ã„ã‚‹3Dã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæ•°ãŒ10å€è¿‘ãå¤šã„ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã§ã™ã€‚ â€»ã¡ãªã¿ã«Flash
uchiuchiyama 2014/07/10
javascript

3d

webgl

three.js

introduction

performance

development
ãƒªãƒ³ã‚¯
WebGLç‰ˆAway3Då…¥é–€â€•ç¬¬5å›ž ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿ã®èªã¿è¾¼ã¿ â€“ ICS LAB
Away3D TypeScriptã¯HTMLã®3DæŠ€è¡“ã€ŒWebGLã€ã‚’æ‰±ã„ã‚„ã™ãã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚å€‹äººãƒ–ãƒã‚°ï¼ˆHTML5ã§3Dã‚’å®Ÿç¾ã™ã‚‹æœ¬æ ¼æ´¾WebGLãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Away3D TypeScriptã®å…¬å¼ãƒ‡ãƒ¢)ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«Away3Dã‚’ä½¿ãˆã°GPUã«ã‚ˆã‚‹æœ¬æ ¼çš„ãª3Dè¡¨ç¾ã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç„¡ã—ã§ä½œæˆã§ãã¾ã™ã€‚ ãã“ã§ã€åˆç´šè€…ã«ã‚‚ã‚„ã•ã—ã„Away3D TypeScript(ä»¥ä¸‹ã€Away3D)ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã¯ã˜ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚å¿…è¦ã¨ãªã‚‹ã‚¹ã‚ãƒ«ãƒ¬ãƒ™ãƒ«ã¯ã€JavaScriptã®å…¥é–€æ›¸ã‚’ä¸€å†Šèªã¿çµ‚ãˆãŸãã‚‰ã„ã‚’æƒ³å®šã—ã¦ã¾ã™ã€‚Away3Dã¯JavaScriptã‚„TypeScriptã®ã©ã¡ã‚‰ã§ã‚‚åˆ©ç”¨ã§ãã¾ã™ãŒã€æœ¬é€£è¼‰ã§ã¯JavaScriptã§è§£èª¬ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã«ã¤ã„ã¦ AwayJSã¯æ´»ç™ºã«é–‹ç™ºã•ã‚Œã¦ã„ãªã„ãŸã‚ã€æœ¬ã‚µã‚¤ãƒˆã¨ã—ã¦ã¯åˆ©ç”¨ã¯æŽ¨å¥¨ã—ã¾ã›ã‚“ã€‚WebGLã‚’æ´»ç”¨ã—ãŸã„æ–¹ã¯ã€Three
uchiuchiyama 2014/07/07
away3d

javascript

3d

tutorial

development
ãƒªãƒ³ã‚¯
Away3Dã®åº§æ¨™ç³» | blog.bouze.me
blog.bouze.me Away3Dã®åº§æ¨™ç³» Posted on 2012.07.05 by bouze Tweet Tweet Author è¥¿æ‘æ–‰è¼ 1984å¹´å…µåº«çœŒç”Ÿã¾ã‚Œã€‚ 2011å¹´å¤šæ‘©ç¾Žè¡“å¤§å¦ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç§‘å’æ¥ã€‚ 2018å¹´ã¾ã§tha ltd.æ‰€å±žã€‚ Search for: Recent Posts TDCè³žã‚‚ã‚‰ã„ã¾ã—ãŸ 2013å¹´ ã‚ˆã‹ã£ãŸãƒ©ãƒ³ã‚ãƒ³ã‚° â€“ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆç·¨ å‰µé€ ã®ç‹‚æ°— ã‚¦ã‚©ãƒ«ãƒˆãƒ»ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ 2013å¹´ ã‚ˆã‹ã£ãŸãƒ©ãƒ³ã‚ãƒ³ã‚° â€“ æ˜ ç”»ç·¨ ã®ã‚‰ã‚‚ã˜ç™ºè¦‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ WebWorkerã§çˆ†é€Ÿãƒ—ãƒªãƒãƒ¼ãƒ‰ ã®ã‚ã‚Šã“ã¾ã›ã‚‹æŠ€è¡“ è‰²ã®ãªã„ä¸–ç•Œ POOL inc. Kazumiabe.com è¿‘æ³0714 è¿‘æ³0710 Require.jsã‚’è©¦ã—ã¦ã¿ãŸ Gruntå°Žå…¥ã—ã¦ã¿ãŸ ExternalInterface.callãŒé‡ã„ è¿‘æ³0604 è¿‘æ³0519 AfterE
uchiuchiyama 2014/07/07
away3d

javascript

3d

tutorial

development
ãƒªãƒ³ã‚¯
Away3Dã§è¤‡æ•°Cubeè¡¨ç¤º - jsdo.it - Share JavaScript, HTML5 and CSS
Away3Dã§è¤‡æ•°Cubeè¡¨ç¤º è¤‡æ•°3DCubeã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’è¡¨ç¤ºã—ã¦ã€ Geometryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€ColorMaterialã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ãŒä½¿ã„ã¾ã‚ã›ã‚‹ã‹ãƒ†ã‚¹ãƒˆã—ã¦ã¿ã¾ã—ãŸ // forked from siouxcitizen's "Away3Dã§Cubeè¡¨ç¤º" http://jsdo.it/siouxcitizen/eHXY var cube1; var cube2; var cube3; var cube4; var cube5; var view3d; function init() { // ã‚³ãƒ³ãƒ•ã‚£ã‚°è¨å®šã‚’è¡Œã„ã¾ã™ away.Debug.THROW_ERRORS = false; // 3Dã®åœŸå°ã‚’ä½œæˆã—ã¾ã™ view3d = new away.containers.View3D(); view3d.width = 450; view3d.height = 450; //
uchiuchiyama 2014/07/07
away3d

javascript

3d

tutorial

development
ãƒªãƒ³ã‚¯
HTML5ã®3Dè¡¨ç¾ã‚’èº«ã«ã¤ã‘ã‚ˆã†ï¼ç°¡å˜ãªJSã§ã¯ã˜ã‚ã‚‹WebGLç‰ˆAway3Då…¥é–€ - ICS MEDIA
Away3D TypeScriptã¯HTMLã®3DæŠ€è¡“ã€ŒWebGLã€ã‚’æ‰±ã„ã‚„ã™ãã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚å€‹äººãƒ–ãƒã‚°ï¼ˆHTML5ã§3Dã‚’å®Ÿç¾ã™ã‚‹æœ¬æ ¼æ´¾WebGLãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Away3D TypeScriptã®å…¬å¼ãƒ‡ãƒ¢)ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«Away3Dã‚’ä½¿ãˆã°GPUã«ã‚ˆã‚‹æœ¬æ ¼çš„ãª3Dè¡¨ç¾ã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç„¡ã—ã§ä½œæˆã§ãã¾ã™ã€‚ ãã“ã§ã€åˆç´šè€…ã«ã‚‚ã‚„ã•ã—ã„Away3D TypeScript(ä»¥ä¸‹ã€Away3D)ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã¯ã˜ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚å¿…è¦ã¨ãªã‚‹ã‚¹ã‚ãƒ«ãƒ¬ãƒ™ãƒ«ã¯ã€JavaScriptã®å…¥é–€æ›¸ã‚’ä¸€å†Šèªã¿çµ‚ãˆãŸãã‚‰ã„ã‚’æƒ³å®šã—ã¦ã¾ã™ã€‚Away3Dã¯JavaScriptã‚„TypeScriptã®ã©ã¡ã‚‰ã§ã‚‚åˆ©ç”¨ã§ãã¾ã™ãŒã€æœ¬é€£è¼‰ã§ã¯JavaScriptã§è§£èª¬ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã«ã¤ã„ã¦ AwayJSã¯æ´»ç™ºã«é–‹ç™ºã•ã‚Œã¦ã„ãªã„ãŸã‚ã€æœ¬ã‚µã‚¤ãƒˆã¨ã—ã¦ã¯åˆ©ç”¨ã¯æŽ¨å¥¨ã—ã¾ã›ã‚“ã€‚WebGLã‚’æ´»ç”¨ã—ãŸã„æ–¹ã¯ã€Three
uchiuchiyama 2014/07/07
away3d

javascript

3d

tutorial

development
ãƒªãƒ³ã‚¯
FN1404002 | Away3D: ç«‹æ–¹ä½“ã‚’å›žã—ã¦ã¿ã‚‹ | HTML5 : ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ãƒŽãƒ¼ãƒˆ
Away3Dã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 3Dã‚¨ãƒ³ã‚¸ãƒ³ã§ã™ã€‚ã‚‚ã¨ã‚‚ã¨ã¯Flashãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å‘ã‘ã«é–‹ç™ºã•ã‚Œã¾ã—ãŸã€‚ãã®Away3Dã‚¨ãƒ³ã‚¸ãƒ³ãŒã€ã€ŒAway3D TypeScriptã€ã¨ã—ã¦JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¸ã®ç§»æ¤ãŒé€²ã‚“ã§ãŠã‚Šã€ç¾åœ¨ã‚¢ãƒ«ãƒ•ã‚¡ãƒªãƒªãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®Away3D TypeScriptã‚’ä½¿ã£ãŸã”ãç°¡å˜ãªJavaScriptã‚³ãƒ¼ãƒ‰ã§ã€3æ¬¡å…ƒç©ºé–“ã«ç«‹æ–¹ä½“ã‚’ã¤ãã£ã¦å›žã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ 01 Away3D TypeScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã† ã€ŒAway3D TypeScriptã€ã‚µã‚¤ãƒˆã«ã¯ã€ä½œä¾‹ã‚„ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒªãƒ³ã‚¯ãªã©ãŒæŽ²ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚æœ€æ–°ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ã€ŒSource Filesã€ã®æ¬„ã«ç¤ºã•ã‚ŒãŸã€ŒGitHub: AwayJS Core TypeScriptã€ã¨ã€ŒGitHub: StageGL Core TypeScriptã€ãŠã‚ˆã³ã€ŒGitHub: Sta
uchiuchiyama 2014/07/07
away3d

javascript

3d

tutorial

development
ãƒªãƒ³ã‚¯
1