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

Akineko id:Akineko

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

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

Unityã®WebGLã‚¢ãƒ—ãƒªé–‹ç™ºã«ãŠã‘ã‚‹"ä½¿ãˆãªã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªå•é¡Œ"ã®å›žé¿ç– - Gaudiy Tech Blog
ãƒ•ã‚¡ãƒ³ã¨å…±ã«æ™‚ä»£ã‚’é€²ã‚ã‚‹ã€Web3ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã®Gaudiyã§Unity ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã‚‹ãã‚Šã‚„ã¾ï¼ˆ@xamel7ï¼‰ã§ã™ã€‚ Gaudiyã§ã¯"Gaudiy Fanlink"ã¨ã„ã†ãƒ–ãƒãƒƒã‚¯ãƒã‚§ãƒ¼ãƒ³ã‚„ç”ŸæˆAIãªã©ã®æŠ€è¡“ã‚’æ´»ç”¨ã—ãŸãƒ•ã‚¡ãƒ³ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§ã€æ¼«ç”»ã€ã‚¢ãƒ‹ãƒ¡ã€ã‚¢ã‚¤ãƒ‰ãƒ«ã¨ã„ã£ãŸIPï¼ˆçŸ¥çš„è²¡ç”£ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼‰ç‹¬è‡ªã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®é–‹ç™ºãƒ»é‹å–¶ã‚’ã—ã¦ã„ã¾ã™ã€‚ service.gaudiy.com ã“ã®Fanlinkã®ä¸€æ©Ÿèƒ½ã¨ã—ã¦ã€ç¾åœ¨ã€æ–°ãŸã«é–‹ç™ºã‚’é€²ã‚ã¦ã„ã‚‹ã®ãŒIPã®ã‚«ã‚¸ãƒ¥ã‚¢ãƒ«ã‚²ãƒ¼ãƒ ã§ã™ã€‚ ã€ŒGANMA!ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€ã§å…ˆæ—¥å…¬é–‹ã•ã‚ŒãŸã‚«ã‚¸ãƒ¥ã‚¢ãƒ«ã‚²ãƒ¼ãƒ â–¼ç™»éŒ²ä¸è¦ã§éŠã¹ã¾ã™ ganma-community.com Webã‚µãƒ¼ãƒ“ã‚¹ã§ã‚ã‚‹Fanlinkã¨ã®é€£æºãŒå¿…è¦ãªã“ã¨ã‚‚ã‚ã‚Šã€Gaudiyã®Unityãƒãƒ¼ãƒ ã§ã¯WebGLãƒ“ãƒ«ãƒ‰ã«ã‚ˆã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ WebGLãƒ“ãƒ«ãƒ‰ã¯ã€ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢
Akineko 2023/09/21
Unity

WebGL
ãƒªãƒ³ã‚¯
2022å¹´ã®ãƒ©ã‚¤ãƒ–ã‚²ãƒ¼ãƒ ã¯WebGL@Unityã§å‹•ã„ã¦ã„ã‚‹ã‚ˆ - Mirrativ Tech Blog
ã¿ãªã•ã¾ã“ã‚“ã«ã¡ã¯ã€ã‚ˆã“ã¦ @n0mimonoã§ã™ã€‚æ®µã€…ã¨ã™ã”ã—ã‚„ã™ã„æ°—æ¸©ã«ãªã£ã¦ãã¾ã—ãŸãŒã„ã‹ãŒãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ã€‚ä»Šæ—¥ã®è©±ã¯ ãƒŸãƒ©ãƒ†ã‚£ãƒ–ã¨ãƒ©ã‚¤ãƒ–ã‚²ãƒ¼ãƒ ãƒ©ã‚¤ãƒ–ã‚²ãƒ¼ãƒ ã¯Unityã‚’åˆ©ç”¨ã—ãŸWebGLãƒ™ãƒ¼ã‚¹ã§å‹•ã„ã¦ã„ã‚‹ã‚ˆ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®ç´¹ä»‹ è¡Œã£ã¦ã¿ã¾ã™ï¼ ãƒŸãƒ©ãƒ†ã‚£ãƒ– Ã— ãƒ©ã‚¤ãƒ–ã‚²ãƒ¼ãƒ ãƒŸãƒ©ãƒ†ã‚£ãƒ–ã¯ã€ã‚¹ãƒžãƒ›ã§ç°¡å˜ã«ã‚²ãƒ¼ãƒ é…ä¿¡ãŒã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŽMirrativã€ã‚’å±•é–‹ã—ã¦ã„ã¾ã™ãŒã€ä»Šå¹´ï¼ˆ2022å¹´ï¼‰ã‹ã‚‰ã‚²ãƒ¼ãƒ ã¨ãƒ©ã‚¤ãƒ–é…ä¿¡ã‚’èžåˆã•ã›ãŸã€Žãƒ©ã‚¤ãƒ–ã‚²ãƒ¼ãƒŸãƒ³ã‚°ã€ã«ç‰¹ã«æ³¨åŠ›ã—ã¦ã¾ã™ï¼ˆæ¬¡ã¯4æœˆæ¬¡ç‚¹ã®ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ï¼‰ã€‚ prtimes.jp ã€Œãƒ©ã‚¤ãƒ–ã‚²ãƒ¼ãƒŸãƒ³ã‚°ã€ã¨ã¯ã€é…ä¿¡ä¸ã®ã‚²ãƒ¼ãƒ ã«è¦–è´è€…ãŒä»‹å…¥ã§ãã‚‹ã€ã‚²ãƒ¼ãƒ ã¨ãƒ©ã‚¤ãƒ–é…ä¿¡ãŒèžåˆã—ãŸæ¬¡ä¸–ä»£ã®ã‚²ãƒ¼ãƒ ä½“é¨“ã¨ãªã‚Šã¾ã™ã€‚ è¦–è´è€…ã¯å¾“æ¥ã®ãƒ©ã‚¤ãƒ–é…ä¿¡ã®ã‚ˆã†ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚„ã‚®ãƒ•ãƒˆã‚¢ã‚¤ãƒ†ãƒ ã‚’è´ˆã‚‹ã ã‘ã§ãªãã€å®Ÿéš›ã«é…ä¿¡è€…ã¨ã„ã£ã—ã‚‡ã«ã‚²ãƒ¼ãƒ ã‚’ãƒ—ãƒ¬ã‚¤ã™ã‚‹ã€Œå‚åŠ åž‹ãƒ©ã‚¤ãƒ–ã‚²ãƒ¼
Akineko 2022/09/07
Unity

WebGL
ãƒªãƒ³ã‚¯
Three.js(WebGL)ã§ä¸€å¹´ä»¥ä¸Šå¦ç¿’ã—ãŸæˆæžœã¨ä¾¿åˆ©ãªã‚¯ãƒ©ã‚¹/ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹
ã“ã‚“ã«ã¡ã¯ã€ã†ãˆã‚€ãƒ¼ã§ã™ã€‚ ä»Šå›žã¯Three.js(WebGL)ã§ä¸€å¹´ä»¥ä¸Šå‹‰å¼·ã—ãŸæˆæžœã¨ä¾¿åˆ©ãªã‚¯ãƒ©ã‚¹/ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Three.js(WebGL)ã¨ã¯ï¼Ÿ Three.jsã¯ã€å°‘ã—ã§ã‚‚ç°¡å˜ã«Webã‚µã‚¤ãƒˆä¸Šã«3Dã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã—ã§ã‚«ãƒ¡ãƒ©ãƒ»å½±ãƒ»ãƒ©ã‚¤ãƒˆãƒ»ãƒ¡ãƒƒã‚·ãƒ¥å®Ÿè£…ã™ã‚‹å ´åˆã¯ãã‚Œãªã‚Šã®é«˜åº¦ãªæŠ€è¡“ãŒå¿…è¦ã«ãªã‚ŠJavascriptã®ã‚³ãƒ¼ãƒ‰é‡ãŒè†¨å¤§ã«ãªã£ã¦ã„ãã¾ã™ã€‚ Three.jsã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ã€Javascriptã®åŸºç¤Žã¨ã€Three.jsã®ã‚¯ãƒ©ã‚¹ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§æ°—è»½ã«3Dã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å½“åˆã¯ã€Three.jsã‚’å‹‰å¼·ã—ãŸã„ã‘ã©ã¾ãšã©ã“ã‹ã‚‰æ‰‹ã‚’ã¤ã‘ã‚Œã°ã„ã„ã‹ã‚ã‹ã‚‰ãšã€å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’è¦‹ã‚‹ã¨è‹±æ–‡ã§ä½•ã‚’ã©ã†ã™ã‚Œã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsã‚’ã“ã‚Œã‹ã‚‰å‹‰å¼·ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã‚’
Akineko 2021/12/05
WebGL

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
PixiJS v4
The HTML5 Creation EngineCreate beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Akineko 2021/09/03
WebGL

ã‚²ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
çµ„ç¹”ã§ãƒŠãƒ¬ãƒƒã‚¸ã‚’å…±æœ‰ã§ãã‚‹æ–°ãƒ—ãƒãƒ€ã‚¯ãƒˆã€ŒStrapã€ã€€ãã®é–‹ç™ºæŠ€è¡“ã«ã€ŒTypeScriptã€ã€ŒFirebaseã€ã€ŒPixiJSã€ã€ŒReactã€ã‚’é¸ã‚“ã ç†ç”±
Goodpatchä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆã€Œã®ãžãè¦‹ä¼ç”»ï¼ICSÃ—Goodpatch AnywhereåˆåŒå‹‰å¼·ä¼šã€ã§ã€Goodpatchã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã§ã‚ã‚‹è¥¿å±±æ°ãŒã€è‡ªç¤¾ãƒ—ãƒãƒ€ã‚¯ãƒˆStrapã®ç›®æŒ‡ã™ã‚‚ã®ã¨é–‹ç™ºæŠ€è¡“ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã—ãŸã€‚ Goodpatchã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ è¥¿å±±é›„ä¹Ÿæ°ï¼šå…ˆæ—¥Goodpatchã®æ–°ã—ã„ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦Î²ç‰ˆã‚’ãƒªãƒªãƒ¼ã‚¹ã—ãŸStrapã®ç´¹ä»‹ã¨ã€ã‚ã¨ã¯ãã‚Œã«ã¾ã¤ã‚ã‚‹ãƒŠãƒ¬ãƒƒã‚¸ã®ç´¹ä»‹ã‚’ã‚‚ã†1äººã®é»„ã‹ã‚‰ç™ºè¡¨ã—ã¾ã™ã€‚ åƒ•ã¯Goodpatchã®Product Div.ã¨ã„ã†è‡ªç¤¾ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã®éƒ¨ç½²ã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’ã‚„ã£ã¦ã„ã¾ã™ã€‚ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã€ŽProttã€ã¨ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ãƒšãƒ¼ã‚¹ãƒ„ãƒ¼ãƒ«ã€ŽStrapã€ã®é–‹ç™ºè²¬ä»»è€…ã§ã™ã€‚ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚Šã€ä»Šã¯Goodpatchã«å…¥ã£ã¦ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’ã‚„ã£ã¦ã„ã‚‹ã¨ã„ã†çµŒæ´ã§ã™ã€‚ åƒ•ã¯ã„ã‚ã‚†ã‚‹
Akineko 2020/08/07
WebGL

react

typescript

firebase
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã‹ã‚‰three.jsã«æ…£ã‚Œã‚‹ã¾ã§ï½œmisaki nakano
ã“ã‚“ã«ã¡ã¯ã€‚ ç§ã¯ç¾åœ¨ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¨ã„ã†ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ï¼‹WebGL å®Ÿè£…ã™ã‚‹ä»•äº‹ã‚’2å¹´åŠã»ã©ã‚„ã£ã¦ã„ã¾ã™ã€‚ 1å¹´åŠæ±äº¬ã®ä¼šç¤¾ã§åƒã„ãŸã‚ã¨åŠå¹´é–“ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã‚’ã—ã¦ã€ãã®å¾Œã‚¢ãƒ ã‚¹ãƒ†ãƒ«ãƒ€ãƒ ã®ä¼šç¤¾ã«å…¥ç¤¾ã—ã¦ç¾åœ¨8ãƒ¶æœˆçµŒã¡ã¾ã™ã€‚ three.jsã§çµµã‚’ä½œã‚‹ã®ãŒå¥½ãã§ã€ä»•äº‹ã§ã‚‚ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã§ã‚‚ã“ã‚“ãªã‹ã‚“ã˜ã®ã‚‚ã®ã‚’ä½œã£ã¦ã„ã¾ã™ã€‚ã»ã¨ã‚“ã©twitterã«ã‚ã’ã¦ã‚‹ã®ã§ã€èˆˆå‘³ãŒã‚ã‚‹æ–¹ã¯ãœã²è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ æœ€è¿‘ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã®DMã§ã©ã†ã‚„ã£ã¦three.jsã‚’å‹‰å¼·ã™ã‚Œã°ã„ã„ã‹ã‚¢ãƒ‰ãƒã‚¤ã‚¹ãŒæ¬²ã—ã„ã¨ã„ã†ã®ã‚’ã‚‚ã‚‰ã†ã“ã¨ãŒå¤šããªã£ã¦ããŸã‚“ã§ã™ãŒã€ã“ã®è³ªå•ã«ç”ãˆã‚‹ã®ã¯é›£ã—ã„ãªã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ äººã«ã‚ˆã£ã¦å¾—æ„ä¸å¾—æ„ãŒã‚ã‚‹ã—ã€å§‹ã‚ã‚ˆã†ã¨æ€ã£ãŸæ™‚ç‚¹ã§ã©ã®ãã‚‰ã„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„æ•°å¦ã«ç²¾é€šã—ã¦ã„ã‚‹ã‹äººãã‚Œãžã‚Œã™ãŽã¦ã€ã“ã‚ŒãŒãƒ™ã‚¹ãƒˆãªå‹‰å¼·æ³•ï¼ã“ã‚Œã‚’ã‚„ã‚Œã°èª°ã§ã‚‚å¤§ä¸ˆå¤«ã¨ã¯è¨€ãˆãªã„ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ç§ãŒåˆå¿ƒè€…ãƒ¬ãƒ™ãƒ«ã‹
Akineko 2019/04/08
WebGL
ãƒªãƒ³ã‚¯
Webã§ã©ã“ã¾ã§éŠã¹ã‚‹ã‹è©¦ã—ã¦ã¿ãŸ - Qiita
Sound Walker ã¨ã„ã† Web ã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã—ãŸã€‚ â†“ã“ã“ã§éŠã¹ã¾ã™â†“ï¼ˆã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§é–‹ã„ã¦ãã ã•ã„ï¼‰ https://www.sound-walker.app ãƒªãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ https://github.com/Leonardo-mbc/sound-walker ãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«éŠã¹ã¾ã™ã€‚ Webã§ã©ã“ã¾ã§ã§ãã‚‹ã‹ã‚’ã‚„ã£ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ä½œã‚Šå§‹ã‚ã¦ã€ ã»ã£ã¨ã„ã¦æ•°å¹´ãŸã£ãŸã‚‰æŠ€è¡“ãŒã¿ã‚‹ã¿ã‚‹å¤‰ã‚ã£ã¦ã„ã¦ã€ã„ã‚ã„ã‚å‘³ãŒå‡ºã¦ãã¾ã—ãŸã€‚ Service Worker, Add To HomeScreen ãªã©ãªã© Webã§ã§ãã‚‹ã‚²ãƒ¼ãƒ ã£ã¦ã ã‘ã ã£ãŸã®ãŒã€æ™®é€šã«ã‚¹ãƒžãƒ›ã§å‹•ãã‚²ãƒ¼ãƒ ã«ãªã‚‹æ™‚ä»£ã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ Sound Walker ã§ä½¿ã£ã¦ã‚‹æŠ€è¡“ã¯ WebGL(Three.js), WebAudioAPI, ServiceWorker,
Akineko 2019/01/30
WebGL
ãƒªãƒ³ã‚¯
WebGLç”¨ã®JavaScriptè¡Œåˆ—è¨ˆç®—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªMatrixGLã‚’å…¬é–‹ã—ã¾ã—ãŸ
WebGLã‚’æ‰±ã†éš›ã«ã¯è¡Œåˆ—è¨ˆç®—ã¨ã„ã†ã®ãŒã©ã†ã—ã¦ã‚‚å¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚ã ã„ãŸã„ã¯æ—¢å˜ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ãªã‚“ã¨ã‹ã—ãŸã‚Šã™ã‚‹ã®ã§ã™ãŒã€ç¾çŠ¶ã‚ã¾ã‚Šé¸æŠžè‚¢ã¯å¤šãã‚ã‚Šã¾ã›ã‚“ã€‚ãã“ã§æ–°ã—ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹MatrixGLã‚’ä½œã£ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ çµŒç·¯ ç§ã¯ãŸã¾ã«WebGLã‚’ã„ã˜ã‚‹ã®ã§ã™ãŒã€ã‚„ã£ã±ã‚Šã©ã†ã—ã¦ã‚‚è¡Œåˆ—è¨ˆç®—ãŒé¢å€’ã§ã™ã€‚WebGLç”¨ã®è¡Œåˆ—è¨ˆç®—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã„ã†ã¨ã€glMatrixã¨ã„ã†æœ‰åãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚ã‚‹ã®ã§ã™ãŒã€æ˜”ãªãŒã‚‰ã®Cè¨€èªžçš„ãªAPIã§ã€ã©ã†ã—ã¦ã‚‚JavaScriptã§ã¯ä½¿ã„ã«ããæ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚OpenGLè‡ªä½“ã¨ã¯ç›¸æ€§ã„ã„APIã ã¨ã¯æ€ã†ã‚“ã§ã™ã‘ã©ãã€‚ ã€Œã¾ã‚èª°ã‹ãŒãã®ã†ã¡JavaScriptçš„ãªä½¿ã„ã‚„ã™ã„ã®ä½œã£ã¦ãã‚Œã‚‹ã ã‚ã†ã€ã¨ãšãƒ¼ãƒ¼ãƒ¼ãƒ¼ã£ã¨å¾…ã£ã¦ã„ãŸã®ã§ã™ãŒã€å¾…ã¦ã©æš®ã‚‰ã›ã©å…¨ãå‡ºã¦ã“ãªã„ã¨ã„ã†çŠ¶æ³ã§ã—ãŸã€‚ã¿ã‚“ãªglMatrixã§æº€è¶³ã—ã¦ã‚‹ã®ã‹ã€ãã‚Œã‹Three.jsã¨ã‹ä½¿ã£ã¦ã‚‹ã‹ã‚‰ç‰¹
Akineko 2018/02/06
*JavaScript

WebGL
ãƒªãƒ³ã‚¯
wgld.org | WebGL |
WebGL contents WebGL ã«é–¢ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸€è¦§ã§ã™ã€‚ åˆå¿ƒè€…ã‚„ WebGL ã®å…¥é–€è€…ã®æ–¹ã¯ã€æœ€åˆã‹ã‚‰èªã¿é€²ã‚ã¦ã„ãŸã ã‘ã‚‹ã¨ç†è§£ãŒæ·±ã¾ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å½“ã‚µã‚¤ãƒˆã§ã¯å®Ÿéš›ã«å‹•ä½œã™ã‚‹ WebGL ã®ã‚µãƒ³ãƒ—ãƒ«ã‚„ã€WebGL ã®ãƒ‡ãƒ¢ã‚’å¤šæ•°ç”¨æ„ã—ã¦ã„ã¾ã™ãŒã€ãã‚Œã‚‰ã«ã¯å½“ã‚µã‚¤ãƒˆã‚ªãƒªã‚¸ãƒŠãƒ«ã®è¡Œåˆ—ãƒ»ã‚¯ã‚©ãƒ¼ã‚¿ãƒ‹ã‚ªãƒ³ãªã©ã‚’æ‰±ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€minMatrix.js ãªã©ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®è©³ã—ã„å®Ÿè£…ã«ã¤ã„ã¦ã¯ library ã®ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ WebGL 2.0 ã«ã¤ã„ã¦ã¯åˆ¥ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦åˆ†ã‘ã¦æŽ²è¼‰ã—ã¦ã„ã¾ã™ã®ã§ã€ WebGL2 ã®ã»ã†ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®æº–å‚™ WebGL ã‚’å§‹ã‚ã‚‹å‰ã« canvas ã‚’çŸ¥ã‚‹ 3D æç”»ã®åŸºç¤ŽçŸ¥è˜ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ãŸã‚ã®ä¸‹æº–å‚™ è¡Œåˆ—(ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹)ã®åŸºç¤ŽçŸ¥è˜ é ‚ç‚¹ã¨ãƒãƒªã‚´ãƒ³ ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã®åˆæœŸåŒ– ã‚·ã‚§ãƒ¼ãƒ€ã®è¨˜è¿°ã¨åŸºç¤Ž é ‚ç‚¹ãƒãƒƒ
Akineko 2015/08/22
WebGL
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œåŸºç¤ŽçŸ¥è˜ç·¨ï¼ž
HTML5ã«é–¢é€£ã™ã‚‹æŠ€è¡“ã®ã²ã¨ã¤ã«ã€WebGLãŒã‚ã‚Šã¾ã™ã€‚WebGLã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§3DCGãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å®Ÿç¾ã§ãã‚‹æŠ€è¡“ã§ã™ã€‚ä»Šå›žã®ãƒ¬ãƒãƒ¼ãƒˆã§ã¯ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŸºç¤ŽçŸ¥è˜ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ WebGLã£ã¦ï¼Ÿ WebGLã§ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹â”€â”€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšã€‚ã¾ãšã¯ä¾‹ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚demoå†…ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼éƒ¨åˆ†ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã“ã¨ã§ã‚«ãƒ¡ãƒ©ã®ä½ç½®ãªã©ã‚’ä»»æ„ã«å¤‰æ›´ã§ãã¾ã™ã®ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã§ã—ã‚‡ã†ã€‚ (invalid jsdo.it code) ã“ã®ã‚ˆã†ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é ¼ã‚‹ã“ã¨ãªãã€ãªã‚ã‚‰ã‹ãªè¡¨é¢ã€è‡ªç„¶ãªå½±ã€é«˜FPSã§ã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ãªã©ã€ã¾ã‚‹ã§æœ€è¿‘ã®å®¶åºç”¨ã‚²ãƒ¼ãƒ æ©Ÿã«ã‚‚åŒ¹æ•µã™ã‚‹é«˜åº¦ãª3DCGè¡¨ç¾ãŒã§ãã‚‹ã‚ã‘ã§ã™ã€‚ WebGLã¯2013å¹´10æœˆç¾åœ¨ã€Chromeã€Firefoxã€Operaã§æ¨™æº–å¯¾
Akineko 2015/08/21
WebGL
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®3Dè¡¨ç¾ã‚‚ã“ã“ã¾ã§æ¥ãŸï¼WebGLã‚’ä½¿ã£ãŸé©šãã®Webã‚µã‚¤ãƒˆ
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§3æ¬¡å…ƒã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è¡¨... / WebGLã‚’ä½¿ã£ãŸ3Dè¡¨ç¾ / SculptGLä»–...å…¨13ä»¶ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§3æ¬¡å…ƒã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã®æ¨™æº–ä»•æ§˜ã€ŒWebGLã€ã€‚Microsoftã‚‚é‡ã„è…°ã‚’ä¸Šã’ã€æ¬¡æœŸãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ã€ŒIE11ã€ã‹ã‚‰WebGLã‚’æ¨™æº–ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã“ã¨ãŒæ±ºå®šã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã¾ã™ã¾ã™ç›®ã«ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆãã†ã§ã™ã€‚ ãã‚“ãªã€åœ§å€’çš„ãª3Dè¡¨ç¾ãŒå¯èƒ½ãªWebGLã‚’ä½¿ã£ãŸé©šãã®Webã‚µã‚¤ãƒˆã‚’é›†ã‚ã¾ã—ãŸã€‚
Akineko 2013/07/23
WebGL
ãƒªãƒ³ã‚¯
cmmntr.com
This domain may be for sale!
Akineko 2012/10/05
WebGL
ãƒªãƒ³ã‚¯
WebGL ã®ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã§ã‚°ãƒªã‚°ãƒªã§ãã‚‹ CSS Shaders ã®ä½¿ã„æ–¹ - WebOS Goodies
WebOS Goodies ã¸ã‚ˆã†ã“ãï¼ WebOS ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®æœªæ¥å½¢ã€‚ã‚ã‚‰ã‚†ã‚‹ Web ã‚µã‚¤ãƒˆãŒç¹‹ãŒã‚Šã€å…±æœ‰ã—ã€å”åŠ›ã—ã¦å‰µã‚Šä¸Šã’ã‚‹ã€ã²ã¨ã¤ã®å·¨å¤§ãªæƒ…å ±ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚ãã“ã§ã¯ã€ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ãŒãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ä¸Šã«è“„ç©ã•ã‚Œã€æˆ‘ã€…ã¯ã„ã¤ã§ã‚‚ã€ã©ã“ã‹ã‚‰ã§ã‚‚ã€å¤šå½©ãªãƒ‡ãƒã‚¤ã‚¹ã‚’ä½¿ã£ã¦ãã‚Œã‚‰ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ã€‚ WebOS Goodies ã¯ã€ã•ã¾ã–ã¾ãªæƒ…å ±æä¾›ã‚„ãƒ„ãƒ¼ãƒ«é–‹ç™ºã‚’é€šã—ã¦ã€ãã‚“ãªä¸–ç•Œã®å®Ÿç¾ã«å°‘ã—ã§ã‚‚è²¢çŒ®ã™ã‚‹ã¹ãæ´»å‹•ã—ã¦ã„ãã¾ã™ã€‚ ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’è¦‹ã¦ã€ŒãŠãŠã€ã¤ã„ã« CSS Shaders å®Ÿè£…ã•ã‚ŒãŸã‚“ã‹ï¼ã€ã¨å–œã³å‹‡ã‚“ã§è©¦ã—ãŸå¾Œã€ã™ã¹ã¦ãŒçµ‚ã‚ã£ã¦ã‹ã‚‰ Dev ç‰ˆ Chrome ã§ã‚‚ä½¿ãˆã‚‹ã“ã¨ã«æ°—ã¥ãã¨ã„ã†æƒ…å¼±ã¶ã‚Šã‚’ç™ºæ®ã—ãŸä»Šæ—¥ã“ã®é ƒã€ã¿ãªã•ã‚“ã„ã‹ãŒãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ã€‚ã„ã£ãŸã„ã„ã¤ã‹ã‚‰ä½¿ãˆã¦ãŸã‚“ã ã‚ã†ãƒ»ãƒ»ãƒ»ï¼ˆÂ´ãƒ»Ï‰ãƒ»ï½€ï¼‰ ãã‚“ãªã‚ã‘ã§ã€æœ€æ–°ã®è©±é¡Œã§ã‚‚ãªã„ã¿ãŸã„ã§ã™ãŒã€ã›ã£ã‹ãè©¦ã—ãŸã®ã§è¨˜äº‹ã«ã—ã¦
Akineko 2012/09/27
WebGL
ãƒªãƒ³ã‚¯
WebGL and Three.js
32. <!doctype html> <html> //é ‚ç‚¹ <head> var vertices = new Float32Array([ <meta charset="utf-8"> 0.0, 0.5, 0.0, <title>webgl demo</title> -0.5, -0.5, 0.0, <script> 0.5, -0.5, 0.0 document.addEventListener('DOMContentLoaded', function(){ var canvas = document.querySelector('#glcanvas'); ]); var gl = canvas.getContext('experimental-webgl'); // é ‚ç‚¹ã®æ•° var verticesLength = 3; var vShaderSource = [ // gl_
Akineko 2012/09/08
WebGL
ãƒªãƒ³ã‚¯
JavaScript ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 3DCG ã‚’å®Ÿç¾ã™ã‚‹ WebGL ã®ä½¿ã„æ–¹ - WebOS Goodies
å…ˆæ—¥ã€ã¡ã‚‡ã£ã¨ã—ãŸæ€ã„ã¤ãã§ WebKit ã® Nightly Build ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã€ WebGL ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ WebGL ã¨ã„ã†ã®ã¯ç¾åœ¨ç–å®šä¸ã®æ–°ã—ã„è¦æ ¼ã§ã€ JavaScript ã‚’ä½¿ã£ã¦æœ¬æ ¼çš„ãª 3DCG ã‚’å®Ÿç¾ã™ã‚‹ API ã§ã™ã€‚åŒã˜ç›®çš„ã‚’æŒã¤ã‚‚ã®ã¨ã—ã¦ Google ã® O3D ãŒã‚ã‚Šã¾ã™ãŒã€ WebGL ã¯ OpenGL ES ã‚’ç®¡ç†ã—ã¦ã„ã‚‹ Khronos ã‚°ãƒ«ãƒ¼ãƒ—ã‚’ä¸å¿ƒã« Google, Mozilla, Opera, NVIDIA, AMD ã¨ã„ã£ãŸä¼æ¥ãŒå‚ç”»ã—ã¦ãŠã‚Šã€æ¨™æº–åŒ–ã¨ã„ã†é¢ã§ã¯ãƒªãƒ¼ãƒ‰ã—ã¦ã„ã¾ã™ã€‚ ã¾ã ç–å®šä¸ã®è¦æ ¼ãªã®ã§ä»Šå¾Œå¤‰åŒ–ã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒï¼ˆWebGL 1.0 ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸï¼‰ã€å°‘ãªãã¨ã‚‚ç¾çŠ¶ã® WebKit ã®å®Ÿè£…ã«ã¤ã„ã¦ã¯ä½¿ã„æ–¹ãŒã‚ã‹ã£ãŸã®ã§ã€æœ¬æ—¥ã¯ãã‚Œã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ WebGL ã¯ Web ä¸Šã®æœ€ã‚‚é‡è¦ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ A
Akineko 2012/08/21
WebGL
ãƒªãƒ³ã‚¯
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ï½žWebGLãƒ©ã‚¤ãƒ–ãƒ©ãƒªThree.js å…¥é–€ï¼ˆï¼‘ï¼ï¼“ï¼‰ï½ž
HTML5ã¨WebGL åˆã‚ã«HTML5ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¾ã™ã€‚HTML5ã¨ã¯ã“ã‚Œã¾ã§ã®Webãƒšãƒ¼ã‚¸ä½œæˆè¨€èªžã§ä¸»æµã ã£ãŸHTML4ã‚„XHTMLã®å¾Œç¶™è¨€èªžã®ã“ã¨ã§ã€ 2008å¹´ã«è‰æ¡ˆãŒã¾ã¨ã‚ã‚‰ã‚Œã€2014å¹´ã¾ã§ã«ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶å„ç¤¾ã¸ã®æ£å¼å‹§å‘Šã‚’ç›®æŒ‡ã—ã¦ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ HTML5ã¯ 2012å¹´1æœˆã§ã‚‚ã¾ã ã€Œè‰æ¡ˆã€æ®µéšŽã§ã€ä»•æ§˜ã‚‚æµå‹•çš„ãªæº–å‚™æ®µéšŽã§ã‚ã‚‹ãŒã€é–‹ç™ºå´ã‹ã‚‰ã‚‚ãƒ¦ãƒ¼ã‚¶å´ã‹ã‚‰ã‚‚éžå¸¸ã«æ³¨ç›®ãŒé›†ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ã«æŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹ã®ãŒã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å°é ã«ã‚ˆã‚‹æƒ…å ±ç«¯æœ«ã®å¤šæ§˜åŒ–ã¸ã®å¯¾å¿œã®ãŸã‚ã§ã™ã€‚ã¤ã¾ã‚Šã€æ§˜ã€…ãªWEBã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ åŒ–ã¸ã®é‡è¦ãªè²¢çŒ®ãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ç™»å ´ã¾ã§ã¯ã€Adobeç¤¾ãŒæä¾›ã™ã‚‹ FLASH ãŒå‹•ç”»ã‚„ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãªã©ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
Akineko 2012/08/21
WebGL
ãƒªãƒ³ã‚¯
1