[B! WebGL] vvakameã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

vvakame id:vvakame

WebGLã«é–¢ã™ã‚‹vvakameã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

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

è»½é‡three.jsã‚’ä½œæˆã—ãŸè©± - Qiita
ã“ã®è¨˜äº‹ã¯ã€WebGL Advent Calendar 2018 17æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ WebGLæŽ¡ç”¨ã•ã‚Œãªã„å•é¡Œ æ°—ã¥ã‘ã°three.jsã‚‚r99ã¾ã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã£ã¦ãŠã‚Šã€æ´å²ã‚‚é•·ãèªçŸ¥åº¦ã‚‚éžå¸¸ã«é«˜ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãªã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ã€å®Ÿéš›ã«å¤šãã®ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã¨è¨€ã†ã¨ãã†ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ãã‚‚ãã‚‚WebGLã‚’ä½¿ç”¨ã—ãŸã‚µã‚¤ãƒˆã¨å‡ºä¼šã†ã“ã¨ã‚‚å°‘ãªã„ã§ã™ã€‚ãªãœãªã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ â‘ WebGLã¯é›£ã—ã„ çš†ã•ã‚“ã”å˜çŸ¥ã®é€šã‚ŠWebGLã‚’æ‰±ã†ã«ã¯å¤šãã®çŸ¥è˜ãŒå¿…è¦ã§ã™ã€‚ãã‚‚ãã‚‚3DCGã¨é–¢ã‚ã‚Šã®ãªã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ã™ãŽã¾ã™ã€‚ç†è€…ã‚‚å…ƒã‹ã‚‰è©³ã—ã„æ–¹ã§ã¯ãªã‹ã£ãŸã®ã§ä»Šã‚‚ã¾ã å‹‰å¼·ä¸ã§ã™ã€‚ã€‚ã€‚ã—ã‹ã—three.jsã®ç™»å ´ã«ã‚ˆã‚Šã€WebGLã‚’ç°¡å˜ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã—ã‹ã—WebGLã‚’æŽ¡ç”¨ã™ã‚‹ã‚µã‚¤ãƒˆãŒçˆ†å¢—ã—ãŸã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ â‘¡ three.jsã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã‚‹ thre
vvakame 2018/12/20
ã™ã”ãã†

WebGL
ãƒªãƒ³ã‚¯
WebGLã‚’ä½¿ã£ã¦ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§3Dãƒ¢ãƒ‡ãƒ«ã‚’æç”»ã—ãŸè©± - DMM.comãƒ©ãƒœã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
çš†æ§˜ã€ã¯ã˜ã‚ã¾ã—ã¦ï¼DMM.com Labo ã‚·ã‚¹ãƒ†ãƒ æœ¬éƒ¨ äº‹æ¥ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºéƒ¨ã®ä¹…é‡Žã§ã™ã€‚ã“ã®åº¦ã€ç¤¾å†…ã®å‹‰å¼·ä¼šã®LTã§è©±ã—ãŸå†…å®¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ å†…å®¹ã¯WebGLã¨ã„ã†JavaScriptã®APIã‚’ä½¿ã£ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§3Dãƒ¢ãƒ‡ãƒ«ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã§æç”»ã™ã‚‹ãŸã‚ã«ä½•ã‚’è¡Œã£ãŸã®ã‹ã€ã§ã™ã€‚ â–¼å®Ÿéš›ã«å‹•ä½œã™ã‚‹ãƒ‡ãƒ¢ã§ã™ã€‚ ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’å¤§é‡ã«èªã¿è¾¼ã¾ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§è¡¨ç¤ºã¾ã§æ™‚é–“ãŒã‹ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ â–²ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯å‹•ä½œã—ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ãŒãƒ‡ãƒ¢ãƒ—ãƒã‚°ãƒ©ãƒ ãªã®ã§æ‚ªã—ã‹ã‚‰ãšã€‚ WebGLã¨ã¯ãªã‚“ãžã‚„ï¼Ÿ WebGLã¨ã¯Kronos GroupãŒç®¡ç†ã™ã‚‹OpenGL ES 2.0ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®JavaScriptã‹ã‚‰æ‰±ãˆã‚‹ã‚ˆã†ã«ã—ãŸAPIã§ã™ã€‚GPU(ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚«ãƒ¼ãƒ‰ã¾ãŸã¯ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒœãƒ¼ãƒ‰)ã®æ©Ÿèƒ½ã‚’é§†ä½¿ã—ã¦é«˜åº¦ãª3Dæç”»ã‚’é«˜é€Ÿã«è¡Œã†ã“ã¨ãŒå‡ºæ¥ã€æ˜¨ä»Šã®PCã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ã®ä¸»è¦ãªãƒ–ãƒ©ã‚¦
vvakame 2016/06/30
"ãƒ•ãƒ«ã‚¹ã‚¯ãƒ©ãƒƒãƒã§3Dãƒ¢ãƒ‡ãƒ«æç”»ã‚’å®Ÿè£…ã—ã¦ã¿ãŸ" ã¤ã‚ˆãˆâ€¦

WebGL
ãƒªãƒ³ã‚¯
WebGLã¨Canvas2Dã‚’ä½µç”¨ã—ã¦ã¿ã‚‹ - Qiita
WebGLã¨Canvas2Dã‚’ä½µç”¨ã§ããªã„ã‹ãªã€œã¨ã¼ã‚“ã‚„ã‚Šè€ƒãˆã¦ãŸã‚‰ã€ä»¥ä¸‹ã®APIã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ ãƒ»Canvasãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ãªã‚“ã¨ç¬¬1å¼•æ•°ã®imageã«imgè¦ç´ ã€canvasè¦ç´ ã€videoè¦ç´ ãŒæŒ‡å®šã§ãã‚‹ã¨ã£ï¼ ã“ã‚Œã§æç”»ã—ã¦æ›´æ–°ã™ã‚Œã°ã€canvas2Dã«WebGLæç”»ã§ããã†ãªã®ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ WebGLæç”»ã‚’Canvas2Dã«æç”» ã‚½ãƒ¼ã‚¹ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã“ã“ã«ã¯æ›¸ã„ã¦ãªã„ã§ã™ãŒã€åˆ¥é€”WebGLã®canvasã‚’getElementByIdã—ã€å¤‰æ•°canvasã‚’æ¸¡ã—ã¦ãŠãdrawImageã®ç¬¬1å¼•æ•°ã«æŒ‡å®šã—ã¾ã™ // WebGLã®canvasã¨ã¯åˆ¥ã«ã€2Dç”¨ã®canvasã‚¿ã‚°ã‚’HTMLå´ã«ä½œã£ã¦å‚ç…§ã™ã‚‹ var can_2d = document.getElementById("2dcanvas"); var ctx_2d = can_2d.getContext("2d")
vvakame 2016/01/19
Live2D

WebGL
ãƒªãƒ³ã‚¯
Live2Dã®WebGLç‰ˆã¯ä»Šé€±å…¬é–‹ - Qiita
WebGL Advent Calendar 2014ã®15æ—¥ç›®ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ Live2Dã¨ã¯ï¼Ÿ 1æžšã®2Dã‚¤ãƒ©ã‚¹ãƒˆã‹ã‚‰ã¬ã‚‹ã¬ã‚‹å‹•ã‹ã™æŠ€è¡“ã§ã™ã€‚ 2Dã¨3Dã®é–“ã«ã‚ã‚‹æŠ€è¡“ã®ãŸã‚ã€2.5Dã¨ã‚‚è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ WebGL-Î²ç‰ˆã¯ä»Šé€±å…¬é–‹äºˆå®šã§ã™ é…ããªã£ã¦ã™ã„ã¾ã›ã‚“ãŒã€ä»Šé€±ä¸ã«ã¯å…¬é–‹ã•ã‚Œã¾ã™ã€‚ ä»¥ä¸‹ã®å†…å®¹ã¯ã€å…¬é–‹ã«å…ˆè¡Œã—ãŸå†…å®¹ã¨ãªã£ã¦ã„ã¾ã™ã®ã§ã”æ³¨æ„ä¸‹ã•ã„ã€‚ Live2Dã®ã‚½ãƒ•ãƒˆã¨SDKã¯ç„¡æ–™ã§ä½¿ã†äº‹ãŒã§ãã¾ã™ã€‚ å®Ÿéš›ã«è§¦ã£ã¦ã¿ãŸã„æ–¹ã¯ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ WebGLå¯¾å¿œã§iPhoneã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚Live2Dã‚¢ãƒ—ãƒªï¼ WebGLã§Live2Dãƒ¢ãƒ‡ãƒ«ã‚’è¡¨ç¤º ï¼‘ï¼‰ã¾ãšã¯Live2Dã®SDKã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Live2Dã®ã‚µã‚¤ãƒˆã«ã„ãã€CubismSDK(WebGL)ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã¾ã™ã€‚ ï¼’ï¼‰Webã‚µãƒ¼ãƒã‚’æº–å‚™ã™ã‚‹ ä»Šå›žã¯ç°¡å˜ã«Webã‚µãƒ¼ãƒãŒèµ·å‹•ã§ãã‚‹ç„¡æ–™ã‚¨ãƒ‡ã‚£ã‚¿ Br
vvakame 2016/01/19
Live2D

WebGL
ãƒªãƒ³ã‚¯
Mozilla ã®é–‹ç™ºã—ãŸ asm.js ã¨ WebGL ãŒ 1 ã¤ã®åˆ°é”ç‚¹ã¸é”ã—ã¾ã—ãŸï¼šã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã§ã‚ã‚‹ Unity ãŒ WebGL ã«ã‚ˆã‚‹ã‚²ãƒ¼ãƒ ã®å®Œå…¨ã‚µãƒãƒ¼ãƒˆã‚’é–‹å§‹ã—ã¾ã—ãŸ | Mozilla Japan ãƒ–ãƒã‚°
[ã“ã®è¨˜äº‹ã¯ã€ç±³å›½ Mozilla ã® Future Releases Blog ã«æŽ²è¼‰ã•ã‚ŒãŸ "Mozilla-pioneered asm.js and WebGL achieve milestone as the Unity game engine provides full support for WebGL titles" ã®æŠ„è¨³ã§ã™] ã¨ã¦ã‚‚è‰¯ã„ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚é•·å¹´ã®ãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼ã§ã‚ã‚‹ Unity ãŒ WebGL ã¸ã®å‡ºåŠ›ã‚’ Unity 5.3 ã‹ã‚‰æ£å¼ã«ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€ã¨æœ¬æ—¥ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã—ã¾ã—ãŸã€‚ã“ã®æŠ€è¡“ã‚’åˆ©ç”¨ã—ãŸã‚²ãƒ¼ãƒ é–‹ç™ºã‚’å®Œå…¨ã«ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ã€Unity ã¨ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ³ãƒ€ãƒ¼ã¯åŠå¹´ä»¥ä¸Šã«ã‚ãŸã£ã¦è³ªã¨ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«é–¢ã™ã‚‹å•é¡Œã®è§£æ±ºã«åŠªã‚ã¦ãã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€Web ã«ãŠã‘ã‚‹ã‚²ãƒ¼ãƒ ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«è¡Œã£ãŸã€Mozilla ã®ã•ã¾ã–ã¾ãªæ´»å‹•ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ãã‚Œã‚’ä¸€è¨€ã§ã„
vvakame 2015/12/10
ã‚¹ã‚²ã‚§ï¼

WebGL

Unity
ãƒªãƒ³ã‚¯
WebGLã‚’ä½¿ã£ãŸ3Dãƒ¢ãƒ‡ãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸ - ãšã£ã¨å›ã®ã‚¿ãƒ¼ãƒ³
ã¨ã„ã†ã®ã¯ã‚¦ã‚½ã§ã€‚ ã„ã‚„ã‚¦ã‚½ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œãªã„ã‘ã©ã€ãã‚“ãªã‚¬ãƒãªæ„Ÿã˜ã§ã¯ãªãã¦ã€Œã“ã©ã‚‚ãŒé©å½“ã«æã„ãŸè½æããŒãªã‚“ã¨ãªãç«‹ä½“ã«ãªã£ãŸã‚‰é¢ç™½ã„ã€ãã‚‰ã„ã®ç©ºæ°—æ„Ÿã§ä½œã£ã¦ã¿ãŸã€‚å®Ÿéš›ã€æˆ‘ãŒå®¶ã®3æ‰å…ã§ã‚‚ãã‚Œãªã‚Šã«æ¥½ã—ãã†ã«ä½¿ãˆã¦ãŸã‚Šã€‚ è¦ã™ã‚‹ã«Teddyãªã‚“ã ã‘ã©ã€JSä½¿ã£ã¦ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã§ããŸã‚‰ãŠã‚‚ã—ã‚ãã†ã ã¨ãŸã¶ã‚“5-6å¹´ãã‚‰ã„å‰ã‹ã‚‰æ€ã£ã¦ã¦ã€ã‚„ã£ã¨å®Ÿè£…ã§ããŸã®ã§ä»Šã¯æ–°ã—ã„ãƒ‘ãƒ³ãƒ„ã‚’ã¯ã„ãŸã°ã‹ã‚Šã®æ£æœˆå…ƒæ—¦ã®æœã®ã‚ˆã†ã«ã™ã£ãã‚Šã€‚ï¼ˆæœ€è¿‘ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ã3Dã‚¹ã‚«ãƒ«ãƒ—ãƒˆã‚½ãƒ•ãƒˆæ—¢ã«ã„ãã¤ã‹ã‚ã‚‹ã¿ãŸã„ã ã‘ã©ãƒ»ãƒ»ãƒ»ï¼‰ https://github.com/technohippy/teddyjs çµæ§‹å‹•ä½œãŒé‡ãŸã„ã¨ã¯ã„ãˆã‚¹ãƒžãƒ›ã§ã‚‚ãã‚Œãªã‚Šã«å‹•ãã—ã€ãƒžã‚¦ã‚¹ã‚’ä½¿ã†ã‚ˆã‚Šã‚‚æŒ‡ã‚’ä½¿ã£ãŸã»ã†ãŒãšã„ã¶ã‚“æ¥½ã—ã„æ„Ÿã˜ã«ãªã‚‹ã®ã§ã€ã§ãã‚Œã°ãœã²ã‚¹ãƒžãƒ›ã§è©¦ã—ã¦ã„ãŸã ããŸãã€‚ https://technohippy.github.io/t
vvakame 2015/02/05
WebGL
ãƒªãƒ³ã‚¯
ç”ŸWebGLå…¥é–€:åˆéŸ³ãƒŸã‚¯ã®ç¾Žéº—3Dãƒ¢ãƒ‡ãƒ«ã‚’è¡¨ç¤ºã™ã‚‹(å‰ç·¨)
Special Thanks to @hagat and @teehah for reviewing my articles! è¿‘å¹´ã€WebGLã«æµè¡Œã®å…†ã—ãŒå‡ºã¦ãã¾ã—ãŸã€‚WebGLã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ä½•ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãªãã€JavaScriptã‚ˆã‚ŠGPUã‚’ä½¿ç”¨ã—ãŸ3Dã®è¡¨ç¤ºã‚’å¯èƒ½ã¨ã™ã‚‹æŠ€è¡“ã§ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ãªã„ã¨ã¯ã„ãˆä»Šã¾ã§ã¯å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãŒå°‘ãªãã‚ã¾ã‚Šå®Ÿç”¨çš„ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€å…ˆæ—¥ã®iOS8ã§æ£å¼ã«å¯¾å¿œã•ã‚ŒãŸã“ã¨ã§ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã«ãŠã„ã¦å¯¾å¿œçŽ‡ãŒè·³ãä¸ŠãŒã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã„ã¦ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ¼ã‚¹ã§3Dã®ã‚²ãƒ¼ãƒ ç‰ã‚’ä½œã‚Œã‚‹å¯èƒ½æ€§ãŒæ€¥æ¿€ã«é«˜ã¾ã‚Šã¾ã—ãŸã€‚ ä»Šå›žWebGL Advent Calendarã®ä¸€ç’°ã¨ã—ã¦ã€ç”ŸWebGLã§3Dã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’è¡¨ç¤ºã™ã‚‹ã¨ã“ã‚ã¾ã§æŒ‘æˆ¦ã—ã¦ã¿ã¾ã™ã€‚WebGLã«ã¯three.jsã‚’å§‹ã‚ã¨ã—ã¦æœ‰ç”¨ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒãŸãã•ã‚“ã‚ã‚Šã€å¤§æŠµã®å ´
vvakame 2015/01/15
WebGL
ãƒªãƒ³ã‚¯
WebGL ã«å¯¾å¿œã™ã‚‹ C++ ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ - Qiita
Unity ã‚„ UE4 ã¨ã„ã£ãŸã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ä½¿ã†ã«ã¯é‡ã™ãŽã‚‹ã‘ã©ã€3D æç”»å‡¦ç†ã‚’ç›´æŽ¥æ›¸ããŸããªã„ã¨ã„ã†ä¸é–“è§£ãªï¼ˆã‚·ãƒ¼ãƒ³ã‚°ãƒ©ãƒ•ï¼‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã®ã›ã¾ã™ã€‚ã„ãšã‚Œã‚‚ emscripten çµŒç”±ã§ WebGL ã«å¯¾å¿œã€‚ã“ã‚Œä»¥å¤–ã«ä½•ã‹ã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆãã ã•ã„ã€‚ minko ã‚‚ã¨ã‚‚ã¨ Stage3D ã‚’æè¼‰ã™ã‚‹ Flash Player å‘ã‘ã® 3D ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã£ãŸãŒã€3.0 ã‹ã‚‰ C++11 ã‚’ä½¿ã£ã¦æ›¸ãç›´ã•ã‚Œã€OpenGL ã®æ±Žç”¨çš„ãª 3D ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ãªã£ãŸã€‚ Windows/OSX/Linux/iOS/Android ã«å¯¾å¿œ WebGL å¯¾å¿œã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹ minko/plugin/webgl/README.md ã§è¨€åŠã—ã¦ã„ã‚‹ emscripten ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã®ãƒªãƒ³ã‚¯ãŒ 404 ã«ãªã£ã¦ã—ã¾ã†ãŒæ£ã—ã„ãƒªãƒ³ã‚¯ã¯ http://doc.v3.minko.
vvakame 2014/06/23
WebGL

emscripten
ãƒªãƒ³ã‚¯
Typescriptã§WebGLã²ã¨ã¾ãšã“ã“ã¾ã§ã‚„ã£ã¦ã¿ã‚‹ - æ–° masafumi's Diary
vvakame 2014/05/10
ãŠè²·ã„ä¸Šã’ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼

TypeScript

WebGL
ãƒªãƒ³ã‚¯
Creating a 3D game with Three.js and WebGL - Build New Games
Prerequisites A browser with WebGL - this game has been tested on Chrome and Firefox. IE still doesnâ€™t support WebGL, unless youâ€™re using Windows 8.1 with IE11. Three.js library available for download from the Three.js website The Keyboard.js helper library I used for this project, created by Arthur Schreiber at No Karma. Download it from my GitHub repository A basic understanding of what Three.js
vvakame 2014/03/05
three.js

WebGL
ãƒªãƒ³ã‚¯
[TypeScript][WebGL][Three.js] 3D ã§éŠã¼ã† ï½žC#er ã‚‚ TypeScript ã§æ¥½ã€… WebGLï½ž â€• æº–å‚™ç·¨ (ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° C# - ç¿”ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ (Sho's))
â€» Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Firefox OS and other mobile devices ã‚ˆã‚Šå¼•ç”¨ã€‚ Windows RT ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã¯å‹•ä½œã™ã‚‹ã€‚ WebGL ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° WebGL ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã¯ã€ã‚·ã‚§ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¨€èªžã§ã‚ã‚‹ GLSL (OpenGL 2.0) ã¨ JavaScript ã‚’ç”¨ã„ã‚‹ã€‚ æ¬¡ã®å›³ã®ã‚ˆã†ãªæ„Ÿã˜ã ã€‚å·¦å´ãŒ GLSLã€å³å´ãŒ JavaScript ã«ã‚ˆã‚‹éƒ¨åˆ†ã ã€‚ GLSL ã¨ JavaScript ã«ã‚ˆã‚‹ WebGL ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° æ…£ã‚Œã¦ã„ãªã„äººã«ã¯ã€çµæ§‹å¤§å¤‰ã ã€‚ three.js ãã“ã§ã€ã“ã“ã§ã¯ three.js ã¨ã„ã† JavaScript ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç”¨ã„ã‚‹ã“ã¨ã«ã‚ˆã‚‹ã€‚ three.js ã¯ã€WebGL ã®ãƒ©ãƒƒãƒ‘ãƒ¼
vvakame 2014/02/24
TypeScript

WebGL

three.js
ãƒªãƒ³ã‚¯
[TypeScript][WebGL] Hokuriku.NET Vol.13 in å¯Œå±±ã€Œ3D ã§éŠã¼ã† ï½žC#er ã‚‚ TypeScript ã§æ¥½ã€… WebGLï½žã€ã®è³‡æ–™å…¬é–‹ (ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° C# - ç¿”ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ (Sho's))
Â« [Event] Developers Summit 2014 å‚åŠ ãƒ¬ãƒãƒ¼ãƒˆ | ãƒ¡ã‚¤ãƒ³ | [TypeScript] TypeScript ã®ç‰¹é•· Â» [TypeScript][WebGL] Hokuriku.NET Vol.13 in å¯Œå±±ã€Œ3D ã§éŠã¼ã† ï½žC#er ã‚‚ TypeScript ã§æ¥½ã€… WebGLï½žã€ã®è³‡æ–™å…¬é–‹
vvakame 2014/02/20
TypeScript

WebGL
ãƒªãƒ³ã‚¯
WebGL Support in EaselJS - CreateJS Blog
Please note that SpriteStage & SpriteContainer classes are now deprecated and have been replaced by the much faster and easier to use StageGL! As WebGL becomes moreÂ widely supportedÂ in browsers, weâ€™re proud to announce that after working in collaboration with Mozilla, a shiny new WebGL renderer for EaselJS is now in early beta! Following research, internal discussions, and optimizations, weâ€™ve man
vvakame 2014/01/18
CreateJS

WebGL
ãƒªãƒ³ã‚¯
http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/
vvakame 2014/01/14
TypeScript

Away3D

WebGL
ãƒªãƒ³ã‚¯
æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chrome 31ã¨Opera 18ã€asm.jsã¨WebGLã§é«˜é€Ÿå®Ÿè¡Œã‚’å®Ÿç¾ã€‚Unreal Engine 3å¯¾å¿œã«
æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chrome 31ã¨Opera 18ã€asm.jsã¨WebGLã§é«˜é€Ÿå®Ÿè¡Œã‚’å®Ÿç¾ã€‚Unreal Engine 3å¯¾å¿œã« MozillaãŒé–‹ç™ºã—ãŸasm.jsã¯ã€JavaScriptã‚’äº‹å‰æœ€é©åŒ–ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã§å¾¹åº•çš„ã«æœ€é©åŒ–ã™ã‚‹ã¨ã¨ã‚‚ã«ã€å®Ÿè¡Œæ™‚ãƒã‚§ãƒƒã‚¯ã‚„ã‚¬ãƒ™ãƒ¼ã‚¸ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ãªã©ã®å®Ÿè¡Œé€Ÿåº¦ã®è¶³ã‚’å¼•ã£å¼µã‚‹å‡¦ç†ã‚’æ¢ã‚ã¦ã—ã¾ã†ãªã©ã®æ‰‹æ³•ã§ã€JavaScriptã‚’é«˜é€Ÿã§å®Ÿè¡Œã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ä»•çµ„ã¿ã§ã™ã€‚ asm.js:ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã®ãŸã‚ã®ä½Žãƒ¬ãƒ™ãƒ«ã‹ã¤é«˜åº¦ã«æœ€é©åŒ–å¯èƒ½ãªJavaScriptã®ã‚µãƒ–ã‚»ãƒƒãƒˆ Mozillaã¯Firefoxã§asm.jsã«å¯¾å¿œã—ã¦ã„ã¾ã™ãŒã€Googleã‚‚JavaScriptã‚¨ãƒ³ã‚¸ãƒ³ã®æœ€é©åŒ–ã®ä¸€ç’°ã¨ã—ã¦asm.jsã‚‚é«˜é€Ÿã«å®Ÿè¡Œã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã¨ã€5æœˆã«è¡Œã‚ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã€ŒGoogle I/Oã€ã§è¡¨æ˜Žã—ã¦ã„ã¾ã—ãŸã€‚ Mozillaã®Game Platform Strategis
vvakame 2013/11/28
Chromeã®ã‚„ã‚Šæ–¹ã®ã»ã†ãŒå¥½ãã ã€‚

asm.js

WebGL
ãƒªãƒ³ã‚¯
â€˜Epic Citadelâ€™ Demo Shows the Power of the Web as a Platform for Gaming â€“ Future Releases
vvakame 2013/11/28
WebGL

asm.js
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã§3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æ‰±ã†WebGLã€æœ€æ–°ç‰ˆ 2.0ã®ãƒ‰ãƒ©ãƒ•ãƒˆç‰ˆãŒå…¬é–‹
ãƒ–ãƒ©ã‚¦ã‚¶ã§3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æ‰±ã†WebGLã€æœ€æ–°ç‰ˆ 2.0ã®ãƒ‰ãƒ©ãƒ•ãƒˆç‰ˆãŒå…¬é–‹ å¢—äº• é›„ä¸€éƒŽï¼ˆFrogApps, Inc.ï¼‰ 2013/9/16ã€WebGL Working Groupã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æ‰±ã†WebGLã®æœ€æ–°ç‰ˆ WebGL 2.0ã®ãƒ‰ãƒ©ãƒ•ãƒˆç‰ˆãŒå…¬é–‹ã—ã¾ã—ãŸã€‚ WebGL 2 Specification WebGL 2ã®æœ€å¤§ã®ç‰¹å¾´ã¯ã€2012å¹´10æœˆã«æ¨™æº–åŒ–ã•ã‚ŒãŸçµ„ã¿è¾¼ã¿å‘ã‘3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯APIã®OpenGL ES 3.0ã®æ©Ÿèƒ½ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ OpenGL ESã¯3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã®APIã§ã€WebGLã§ã¯ã“ã®æ©Ÿèƒ½ã‚’ãƒ–ãƒ©ã‚¦ã‚¶å†…ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã€ã‚²ãƒ¼ãƒ æ©Ÿã®3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®ã‚ˆã†ãªé«˜åº¦ãª3Dè¡¨ç¾ã‚’Javascriptã‹ã‚‰æ“ä½œã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ æ—¢ã«å¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯WebGL 1ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€ã™ã§ã«ã‚²ãƒ¼ãƒ ã‚’ä¸å¿ƒã«ä½¿ã‚
vvakame 2013/09/30
WebGL
ãƒªãƒ³ã‚¯
traceGL
See your code! Get it now >> With traceGL you can see all JavaScript codeflow, in a high performance webGL visualiser. Its like an oscilloscope, for code. See everything Wondering what your code looks like when you can see everything? traceGL records all codeflow so you can wander around and see all logic move. Almost like Tron, watching information flow Debug node.js Finally you can see everythin
vvakame 2013/05/02
ãƒ‡ãƒãƒƒã‚°ãƒ„ãƒ¼ãƒ«ã‚‰ã—ã„ãŒå…¨ç„¶ã‚ã‹ã‚‰ã‚“

javascript

WebGL
ãƒªãƒ³ã‚¯
ãªãœ WebGL ãŒã„ã„ã®? | Yomotsu net
ã“ã®è¨˜äº‹ã¯ ã€ŒWhy you should use WebGLã€ã®è‘—è€… Florian æ°ã«è»¢è¼‰è¨±å¯ã‚’ã„ãŸã ãã€CC-by-sa license ã®ã‚‚ã¨å…¬é–‹ã—ã¾ã™ã€‚ã¾ã ç¿»è¨³é€”ä¸ã§ã™ ( still translatingâ€¦ ) There is (among graphics enthusiasts) a lot of debate what API/version of something to use with a bunch of hotly contested alternatives. I would like to convince you to give WebGL a try, and this blog post explains why. It will also quickly summarize a few things people usually ask abo
vvakame 2013/04/05
WebGL
ãƒªãƒ³ã‚¯
IE11 ã§ WebGL ã‚’ã‚„ã£ã±ã‚Šè¼‰ã›ã‚‹ã“ã¨ã«ã—ã¾ã™? | ã‚¹ãƒ©ãƒ‰ IT
å…ˆæ—¥æµå‡ºã—ãŸ Windows Blue ã‚’è§£æžã—ãŸã¨ã“ã‚ã€Internet Explorer 11 ã« WebGL ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã¨ã®ã“ã¨ (å¼·ç«ã§é€²ã‚ã®è¨˜äº‹ã€CNET News ã®è¨˜äº‹ã‚ˆã‚Š) ã€‚ ã¾ãŸã€Within Windows ã®è¨˜äº‹ã«ã‚ˆã‚‹ã¨ãƒ¬ã‚¸ã‚¹ãƒˆãƒª HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl ã®è¨å®šã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§Î²ç‰ˆã® IE 11 ã§å®Ÿéš›ã« WebGL ãŒä½¿ãˆãŸã¨ã„ã†å ±å‘ŠãŒã‚ã‚‹ã‚ˆã†ã ã€‚ ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãŒç¢ºä¿ã§ããªã„ã¨ã„ã†ç†ç”±ã§ã€IE ã¯ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã§å”¯ä¸€ WebGL ã‚’å®Ÿè£…ã—ã¦ã„ãªã„ã€‚MS ç‹¬è‡ªã®æ”¹é€ ã‚’æ–½ã•ãªã„ã“ã¨ã‚’ç¥ˆã‚‹ã°ã‹ã‚Šã ã€‚
vvakame 2013/04/05
WebGL
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸