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

Nagatani id:Nagatani

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

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

WebGL é–‹ç™ºæ”¯æ´ã‚µã‚¤ãƒˆ wgld.org
æ¬¡ãªã‚‹ Web ã‚’è¦‹æ®ãˆã¦ æ¥ãŸã‚‹ã¹ã WebGL2 ã®æ™‚ä»£ã¸ 2011 å¹´ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ 1.0 ãŒå‹§å‘Šã•ã‚ŒãŸ WebGL ã¯ã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ OpenGL ES ã«ç›¸å½“ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ API ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ JavaScript ã® API ã§ã™ã€‚ ãã—ã¦ 2016 å¹´ã€WebGL ã®æ£å½“ãªå¾Œç¶™ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ WebGL2 (ã‚‚ã—ãã¯ WebGL 2.0) ãŒã„ã‚ˆã„ã‚ˆæœ¬æ ¼çš„ã«åˆ©ç”¨ã§ãã‚‹æ®µéšŽã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ å½“ã‚µã‚¤ãƒˆã§ã¯ã€2012 å¹´ã®é–‹è¨ä»¥æ¥ã€WebGL 1.0 ç³»ã® API ã‚’ç”¨ã„ã‚‹ãŸã‚ã®æŠ€è¡“è§£èª¬ã‚’æŽ²è¼‰ã—ã¦ãã¾ã—ãŸã€‚ãã—ã¦ä»Šå¾Œã¯ã€æ™‚ä»£ã®å¤‰é·ã«åˆã‚ã›ã¦ WebGL 2.0 ç³»ã®è§£èª¬è¨˜äº‹ã‚‚å…¬é–‹ã—ã¦ã„ãæ–¹é‡ã§ã™ã€‚ WebGL 2.0 ãŒç™»å ´ã™ã‚‹ã¨ã¯è¨€ã£ã¦ã‚‚ã€å¾Œæ–¹äº’æ›ã‚’ä¿ã¤ã¨ã„ã†æ„å‘³ã‚‚ã‚ã£ã¦ æ„å›³çš„ã«æœ‰åŠ¹åŒ– ã—ãªã„é™ã‚Šã¯ WebGL 1.0 ç›¸å½“ã® AP
Nagatani 2017/07/09
WebGL

HTML5
ãƒªãƒ³ã‚¯
WebGL Learning Path JP
æœ¬ã‚µã‚¤ãƒˆã§ã¯ã€WebGLã‚’å¦ã³ãŸã„äººã«æ®µéšŽçš„ã«ã‚¹ãƒ ãƒ¼ã‚ºã«å¦ç¿’ã—ã¦ã„ãŸã ã‘ã‚‹ã‚ˆã†ã€æœ€é©ãªå¦ç¿’çµŒè·¯ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
Nagatani 2016/06/19
WebGL
ãƒªãƒ³ã‚¯
HTML5 Canvasã¨WebGLã®é«˜è§£åƒåº¦å¯¾å¿œã¯ã©ã“ã¾ã§è¡Œã†ã¹ãã‹ - ICS MEDIA
2016å¹´2æœˆ3æ—¥ï¼ˆæ°´ï¼‰ã€ICTCOã«ã¦100äººã®å®šå“¡è¦æ¨¡ã§é–‹å‚¬ã•ã‚ŒãŸã‚»ãƒŸãƒŠãƒ¼ã€ŒDIST.10 ãƒ‡ã‚¶ã‚¤ãƒ³ã¨JavaScriptã€ã€‚ãã®ä¸ã§ã€ŒHTML5 Canvasã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜è§£åƒåº¦å¯¾å¿œã¯ã©ã“ã¾ã§è¡Œã†ã¹ãã‹ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ç™»å£‡ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ãã®ç™ºè¡¨è³‡æ–™ã‚’è¨˜äº‹ã¨ã—ã¦å…¬é–‹ã—ã¾ã™ã€‚ FWAã§ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã¯70%ãŒcanvasè¦ç´ ã‚’ä½¿ã£ã¦ã„ã‚‹ ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚„3Dè¡¨ç¾ç‰ã®ãƒªãƒƒãƒãªè¡¨ç¾ã‚’Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§è¡Œã†å ´åˆã€canvasè¦ç´ ã¯ä¸å¯æ¬ ã§ã™ã€‚FWAã®SITE OF THE DAY(â€»)ã§èª¿æŸ»ã—ãŸã¨ã“ã‚ã€2015å¹´11æœˆã‹ã‚‰3ãƒ¶æœˆé–“ã®91ä»¶ä¸61ä»¶ï¼ˆç´„70%ï¼‰ã®ã‚µã‚¤ãƒˆã§canvasè¦ç´ ï¼ˆContext2Dã€WebGLï¼‰ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã—ãŸã€‚ â€» FWAã¯ä¸–ç•Œçš„æ¨©å¨ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¯ãƒ¼ãƒ‰ã§ã€å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µã‚¤ãƒˆã‚’æ¯Žæ—¥1ã¤ãšã¤ã€ŒSITE OF THE DAYã€ã¨ã—
Nagatani 2016/02/18
canvas

WebGL
ãƒªãƒ³ã‚¯
RPGãƒ„ã‚¯ãƒ¼ãƒ«MVã®ãƒ¡ãƒ¢ãƒªäº‹æƒ… - Qiita
#Pixi.jsã®äºŒã¤ã®ãƒ¢ãƒ¼ãƒ‰ Pixi.jsã¯WebGLã€Canvasã®äºŒã¤ã®ãƒ¢ãƒ¼ãƒ‰ã§å‹•ãã¾ã™ã€‚ ãã®ã©ã¡ã‚‰ãŒä½¿ã‚ã‚Œã‚‹ã‹ã€ã«ã‚ˆã£ã¦ã€ãƒ¡ãƒ¢ãƒªäº‹æƒ…ãŒç•°ãªã£ã¦ãã¾ã™ã€‚ Canvasãƒ¢ãƒ¼ãƒ‰ã®å ´åˆã€ãƒ¡ãƒ¢ãƒªãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆã®çµæ§‹ãªéƒ¨åˆ†ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ãŒè¡Œã£ã¦ãã‚Œã¾ã™ãŒã€WebGLãƒ¢ãƒ¼ãƒ‰ã®å ´åˆã¯ã€ã»ã¨ã‚“ã©ã“ã¡ã‚‰ï¼ˆJavaScriptï¼‰ã¾ã‹ã›ã§ã™ã€‚ ã©ã¡ã‚‰ã®ãƒ¢ãƒ¼ãƒ‰ã‚’ä½¿ã†ã‹ã¯ã€ç’°å¢ƒã«ã‚ˆã£ã¦æ±ºå®šã•ã‚Œã¦ã„ã¦ã€ ãƒ¢ãƒã‚¤ãƒ«ã®å ´åˆãƒ¼ï¼žå¼·åˆ¶çš„ã«Canvasãƒ¢ãƒ¼ãƒ‰ ãã‚Œä»¥å¤–ã®å ´åˆãƒ¼ï¼žå¯èƒ½ãªã‚‰ã°WebGLãƒ¢ãƒ¼ãƒ‰ ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ç¾çŠ¶ã®RPGãƒ„ã‚¯ãƒ¼ãƒ«MVã®ã‚¨ãƒ³ã‚¸ãƒ³ã«ã¯ã€ãƒ¡ãƒ¢ãƒªç®¡ç†ã«ã¾ã¤ã‚ã‚‹å•é¡Œã‚’äºŒã¤æŠ±ãˆã¦ã„ã¾ã™ã€‚ #ãƒ¡ãƒ¢ãƒªãƒ–ãƒãƒ¼ãƒˆï¼ˆãƒ¡ãƒ¢ãƒªã‚’ãŸã‚è¾¼ã‚€ï¼‰å•é¡Œ Canvasãƒ¢ãƒ¼ãƒ‰ï¼šå½±éŸ¿åº¦ã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¾å˜ WebGLãƒ¢ãƒ¼ãƒ‰ï¼šæ·±åˆ» ImageManagerã«ã¯ã€ä¸€åº¦èªã¿è¾¼ã‚“ã ç”»åƒã¯ä½¿ã„ã¾ã‚ã™ã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®ä»•çµ„ã¿ãŒã‚ã‚‹ã®ã§ã™ãŒã€ãã‚Œã‚’ç©ºã«ã™ã‚‹ãƒ¡
Nagatani 2015/12/04
ãƒ„ã‚¯ãƒ¼ãƒ«MV

WebGL
ãƒªãƒ³ã‚¯
Domain Registered at Safenames
Domain Registration in over 1,400 different extensions Enterprise Domain Management since 1999 Mark ProtectTM Online Brand Monitoring and Enforcement Domain Consultancy and Strategy Domain Name Acquisition Domain Disputes and Recovery Web Hosting and Data Center Solutions SSL Management Cyber Security Solutions Please visit www.safenames.net for more information. Europe, Middle East and Africa: +4
Nagatani 2015/05/25
HTML

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

JavaScript

WebGL

three.js
ãƒªãƒ³ã‚¯
http://plus.appgiga.jp/masatolan/2014/06/03/52535/
Nagatani 2014/06/04
WebGL

webè£½ä½œ
ãƒªãƒ³ã‚¯
Index of /
Index of / NameLast modifiedSizeDescription builds/ 2014-10-27 11:36 - crossdomain.xml 2014-10-27 11:50 111 demos/ 2014-10-27 11:36 - resources/ 2014-10-27 11:38 -
Nagatani 2014/05/08
Haxe

3d

WebGL
ãƒªãƒ³ã‚¯
JavaScript 3Dãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®Three.jsã‚’è©¦ã™
ã“ã‚“ã«ã¡ã¯ã€‚ KRAYã‚¢ãƒ«ãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ ä»Šå›žã¯ã€æœ€è¿‘ã¡ã¾ãŸã§å™‚ã®Three.jsã§éŠã‚“ã§ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ http://github.com/mrdoob/three.js webglå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã¦ã„ã‚‹æ–¹ã¯ã€å³ä¸Šã«3Dã®ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsã‚’ä½¿ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã‚’ç°¡å˜ã«Javascriptã§å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ åŠä¿¡åŠç–‘ã§ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€ãŸã—ã‹ã«Three.jsã§ã¯ã€3Dç‰¹æœ‰ã®è¡Œåˆ—è¨ˆç®—ã‚„æ•°å¦çš„æ€è€ƒã‚’ã›ãšã¨ã‚‚ã€3Dã‚’è¡¨ç¤ºã€æ“ä½œã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ã€Œã¡ã‚‡ã£ã¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§3DãŒã§ãã‚‹ã€‚ã€ ã“ã®é¢ç™½ã•ã‚’çš†ã•ã‚“ã«å±Šã‘ãŸã„ã§ã™ã€‚ ç›®æ¬¡ ç«‹æ–¹ä½“ã‚’è¡¨ç¤ºã™ã‚‹ å…‰ã‚’ã‚ã¦ã‚‹ ãƒ†ã‚¹ã‚¯ãƒãƒ£ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ ãƒžã‚¦ã‚¹ã§å›žè»¢ã•ã›ã‚‹ ãƒžã‚¦ã‚¹ã§ç§»å‹•ã•ã›ã‚‹ ã‚¯ãƒªãƒƒã‚¯åˆ¤å®šã™ã‚‹ Three.js webä¸Šã«ã¯ã€HTML5ã®canvasã‚’åˆ©ç”¨ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·
Nagatani 2012/02/04
HTML5

WebGL

javascript
ãƒªãƒ³ã‚¯
ELLIE GOULDING
Ellie Goulding â€“ Something In The Way You Move (Directed by Emil Nava)
Nagatani 2011/10/12
ãªã«ã“ã‚Œã™ã”ã„ï¼ï¼ï¼WebGLç‚¸è£‚ã ï¼

WebGL

html5
ãƒªãƒ³ã‚¯
1