[B! Javascript][webGL][JavaScript] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

Javascriptã¨webGLã¨JavaScriptã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

äººã‚’é¦¬é¹¿ã«ã—ãŸãƒ–ãƒãƒƒã‚¯ããšã—
äººã‚’é¦¬é¹¿ã«ã—ãŸãƒ–ãƒãƒƒã‚¯å´©ã— [space] ã§ã‚¹ã‚¿ãƒ¼ãƒˆ å·¦å³ã‚ãƒ¼ã§æ“ä½œ Game Over Score: 0 Replay | Tweet ä½œè€…: @yubais
beth321 2015/03/17
Canvas

ã‚²ãƒ¼ãƒ

ãƒã‚¿

WebGL

game

ãŠã‚‚ã—ã‚

JavaScript

ã‚ã¨ã§èªã‚€

FLASH

ãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
HTML5 Canvasã¨WebGLã®ä½¿ã„åˆ†ã‘â€•CreateJSå‹‰å¼·ä¼š/æ± ç”°ç™ºè¡¨è³‡æ–™ (å‰ç·¨) â€• ICS LAB
2015å¹´2æœˆ10æ—¥ï¼ˆç«ï¼‰ã€ã‚¢ãƒ‰ãƒ“ã‚·ã‚¹ãƒ†ãƒ ã‚ºæ ªå¼ä¼šç¤¾ã§CreateJSå‹‰å¼·ä¼š (ç¬¬5å›ž)ãŒé–‹å‚¬ã•ã‚Œ30åã‚’è¶…ãˆã‚‹æ–¹ã€…ãŒæ¥å ´ã•ã‚Œã¾ã—ãŸã€‚å‹‰å¼·ä¼šã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã¨ã—ã¦ã€ç™ºè¡¨è³‡æ–™ã€ŒCreateJSã§åˆ¶ä½œã™ã‚‹ã‚¹ãƒšã‚·ãƒ£ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ãƒ–ãƒã‚°è¨˜äº‹ã¨ã„ã†å½¢ã§å…¬é–‹ã—ã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯å£é ã§ç™ºè¡¨ã—ãŸå†…å®¹ã‚‚ã§ãã‚‹é™ã‚Šè¨˜è¼‰ã—ã¾ã—ãŸã€‚ ãªãŠã€å‰ç·¨ï¼ˆCanvasã¨WebGLã®æ¯”è¼ƒï¼‰ã¨å¾Œç·¨(WebGLã®æœ€é©åŒ–)ã®äºŒéƒ¨æ§‹æˆã«ã—ã¦ã„ã¾ã™ã€‚å‰ç·¨ã¨ãªã‚‹æœ¬è¨˜äº‹ã§ã¯ã‚¹ãƒšã‚·ãƒ£ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„åˆ¶ä½œã«ã‚ãŸã‚Šèª¿æŸ»ã—ãŸHTML Canvasã¨WebGLã®åŒæ–¹ã®åˆ©ç‚¹ãƒ»æ¬ ç‚¹ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ HTML Canvasã¨WebGL ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€ŒHTML Canvasã¨WebGLã®ä½¿ã„åˆ†ã‘ã€ã§ã™ã€‚çš†ã•ã‚“ã‚‚ã”å˜çŸ¥ã®é€šã‚Šã€HTML5ã®Canvasè¦ç´ (JavaScript ã§ã¯CanvasRenderingContext2Dã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼‰ã¯å¾“
beth321 2015/02/17
WebGL

*ã‚ã¨ã§

CreateJS

*ã‚ã¨ã§èªã‚€

canvas

JavaScript

ã‚ã¨ã§èªã‚€

html5

web

ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼
ãƒªãƒ³ã‚¯
äºŒæ¬¡å…ƒã‚¤ãƒ©ã‚¹ãƒˆãŒã¬ã‚‹ã¬ã‚‹å‹•ãï¼ Live2Dã§WebGLã‚¢ãƒ‰ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã‚²ãƒ¼ãƒ ã‚’ä½œã‚ã†
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
beth321 2015/02/07
Live2D

javascript

ã‚ã¨ã§èªã‚€

programming

WebGL

tutorial

ã‚²ãƒ¼ãƒ

3d

2d

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

æŠ€è¡“

"box

three.js

3DCG

JavaScript

ã‚ã¨ã§èªã‚€

WebGL

3D

ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
Mozillaã®ã‚²ãƒ¼ãƒ ã«å¯¾ã™ã‚‹æœ¬æ°—åº¦ã‚’æ‹…å½“è€…ãŒèªžã‚‹ã€‚WebGLãŒæ‹“ãã‚²ãƒ¼ãƒ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ã—ã¦ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã®å§¿
Mozillaã®ã‚²ãƒ¼ãƒ ã«å¯¾ã™ã‚‹æœ¬æ°—åº¦ã‚’æ‹…å½“è€…ãŒèªžã‚‹ã€‚WebGLãŒæ‹“ãã‚²ãƒ¼ãƒ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ã—ã¦ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã®å§¿ ãƒ©ã‚¤ã‚¿ãƒ¼ï¼šç±³ç”° è¡ 2014å¹´9æœˆ2æ—¥ã‹ã‚‰4æ—¥ã¾ã§ãƒ‘ã‚·ãƒ•ã‚£ã‚³æ¨ªæµœã§é–‹å‚¬ã•ã‚Œã¦ã„ãŸæ—¥æœ¬æœ€å¤§ã®ã‚²ãƒ¼ãƒ é–‹ç™ºè€…ä¼šè°ã€ŒCEDEC 2014ã€ã§ã¯ï¼Œç±³Mozilla Foundationï¼ˆä»¥ä¸‹ï¼ŒMozillaï¼‰ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚²ãƒ¼ãƒ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ åŒ–ã‚’æŽ¨é€²ã—ã¦ã„ã‚‹æ‹…å½“è€…ãŒæ¥æ—¥ã—ã¦ã€ŒGames on the modern Webã€ï¼ˆãƒ¢ãƒ€ãƒ³Webã«ãŠã‘ã‚‹ã‚²ãƒ¼ãƒ äº‹æƒ…ï¼‰ã¨é¡Œã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’è¡Œã£ãŸã€‚4Gamerã§ã¯Game Developers Conference 2013ï¼ˆä»¥ä¸‹ï¼ŒGDC2013ï¼‰ã®éš›ã«Mozillaã®è©¦ã¿ã‚’ãƒ¬ãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãŒï¼Œä»Šå›žã®CEDEC 2014ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ãã®å¾Œã®é€²æ—å ±å‘Šã¨ã„ã†æ„Ÿã˜ã®å†…å®¹ã§ï¼Œãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚²ãƒ¼ãƒ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ åŒ–ãŒç¾å®Ÿã«ãªã£ã¦ã„ã‚‹ã“ã¨ã‚’Mozillaã®æ‹…å½“
beth321 2014/09/27
Unreal

Web

4Gamer.net

WebGL

Firefox

mozilla

javascript

Game

ã‚²ãƒ¼ãƒ

Unity
ãƒªãƒ³ã‚¯
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
beth321 2014/09/07
WebGL

Webåˆ¶ä½œ

javascript

canvas

ãƒ–ãƒ©ã‚¦ã‚¶

OpenGL

HTML5

3d

programming

GPU
ãƒªãƒ³ã‚¯
è¶…å¼¾å¹•ã‚‚å¯èƒ½ï¼Ÿ WebGLé«˜é€ŸåŒ–ã®ã‚¹ã‚¹ãƒ¡
ä»Šæ—¥ã®ãƒ†ãƒ¼ãƒž WebGLé«˜é€ŸåŒ–ã®ã‚¹ã‚¹ãƒ¡ ä»Šå›žã¯ã‚ãã¾ã§ã‚‚ WebGL ç‰¹æœ‰ã®é«˜é€ŸåŒ– TIPS ã§ã™ã€‚ WebGL ã«ã‚ã¾ã‚Šãªã˜ã¿ã®ãªã„æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã†ã®ã§â€¦â€¦ ãã‚‚ãã‚‚ WebGL ã£ã¦ï¼Ÿã€€ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰ç°¡å˜ã«è§£èª¬ã—ã¾ã™ã€‚
beth321 2014/09/07
webgl

ãƒ†ãƒ¼ãƒž

JavaScript

å¾Œã§èªã‚€

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

tips

development

é«˜é€ŸåŒ–

ã‚²ãƒ¼ãƒ

æŠ€è¡“
ãƒªãƒ³ã‚¯
Angry Birds Walkthrough Videos, Golden Eggs, and more | AngryBirdsNest
Angry Birds Friends Tournament T1726 is out now! Play eight pig-packed new levels and compete with friends and find out who's the ultimate bird flinger! The gameplay mixes different elements from different...
beth321 2014/09/04
ã‚²ãƒ¼ãƒ

web

webgl

game

chrome

JavaScript

webã‚µãƒ¼ãƒ“ã‚¹

angrybirds

webservice

ãƒ•ãƒªãƒ¼ã‚²ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
three.js - JavaScript 3D library
three.js r178 docs examples Learn examples documentation devtools gpt Play editor nodes Community questions discord forum twitter Code github download Resources Three.js Journey Learn Three.js åˆã‚ã¦ã®Three.js Merch T-Shirts submit project
beth321 2014/07/14
JavaScript

reference

webGL

Three.js

js

demo

library

3d

html5

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
IBM Developer
beth321 2014/07/14
IBM

PC

WebGL

HTML5

3d

ã‚ã¨ã§èªã‚€

opengl

webåˆ¶ä½œ

tutorial

JavaScript
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžã«ãŠã™ã™ã‚ã—ãŸã„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
beth321 2014/07/14
webgl

html5

ãƒ–ãƒ©ã‚¦ã‚¶

3D

Javascript

three.js

WEB

WEBãƒ‡ã‚¶ã‚¤ãƒ³

jQuery

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã—ã§ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§Unityã§é–‹ç™ºã—ãŸã‚²ãƒ¼ãƒ ãŒå‹•ä½œå¯èƒ½ã«
WebGLã‚„asm.jsã®æŠ€è¡“ã‚’é§†ä½¿ã—ã€å°‚ç”¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã—ã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§Unityã§é–‹ç™ºã—ãŸã‚²ãƒ¼ãƒ ã‚’å‹•ã‹ã™ã“ã¨ãŒå¯èƒ½ã«ãªã‚‹ã¨ã€Mozillaã¨UnityãŒç™ºè¡¨ã—ã¾ã—ãŸã€‚ Mozilla and Unity Bring Unity Game Engine to WebGL | The Mozilla Blog https://blog.mozilla.org/blog/2014/03/18/mozilla-and-unity-deliver-award-winning-game-engine-to-the-web/ Unityã¯Windowsãƒ»Mac OS Xãƒ»ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»Flash ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ãƒ»iPhoneãƒ»iPadãƒ»Androidãƒ»Wiiãƒ»Wii Uãƒ»PS3ãƒ»Xbox 360ãªã©å¹…åºƒã„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ã‚²ãƒ¼ãƒ é–‹ç™ºã«å¯¾å¿œã—ãŸãƒ„ãƒ¼ãƒ«ã§ã€2005å¹´ã«OS Xã«å¯¾å¿œã—ãŸã‚²ãƒ¼ãƒ é–‹ç™ºãƒ„ãƒ¼ãƒ«ã¨ã—
beth321 2014/03/20
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

youtube

Unity

ã‚²ãƒ¼ãƒ

WebGL

web

JavaScript

firefox

mozilla
ãƒªãƒ³ã‚¯
http://www.jthree.jp/
beth321 2014/03/19
Three.js

MMD

jquery

javascript

WebGL

3D

MikuMikuDance

HTML5

jthree

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

Programmable Shader

javascript

three.js

glsl

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

CG

html5

web

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ WebGLã¯ã¨ã¦ã‚‚é«˜åº¦ãªæŠ€è¡“ã§ã‚ã‚‹ä¸€æ–¹ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚å†—é•·ãªæº–å‚™ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä¸€æ–¹ã§ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é€šã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ãŒã‚ã‚‹three.jsã‚’é€šã—ã¦ã€WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ã‚¸ãƒ§ãƒ³ã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65ã‚’åˆ©ç”¨ã—ã¾ã™) three.jsã‚’æ‰‹ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰‹ã«å…¥ã‚Œã¾
beth321 2014/02/07
()

WebGL

JavaScript

three.js

3d

api

html5

HTML

tutorial

threejs
ãƒªãƒ³ã‚¯
HTML5ã§ç‡ƒãˆã•ã‹ã‚‹ç‚Žã®è¡¨ç¾ã«æŒ‘æˆ¦ï¼ WebGLå¯¾å¿œã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªAway3Dã¯ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«æ©Ÿèƒ½ãŒã‹ãªã‚Šé…åŠ›çš„ | ClockMaker Blog
HTML5ã§ç‡ƒãˆã•ã‹ã‚‹ç‚Žã®è¡¨ç¾ã«æŒ‘æˆ¦ï¼ WebGLå¯¾å¿œã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªAway3Dã¯ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«æ©Ÿèƒ½ãŒã‹ãªã‚Šé…åŠ›çš„ å…ˆæ—¥ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒAway3D TypeScriptã€(WebGLã«å¯¾å¿œ)ã§ã™ãŒã€ç‡ƒãˆç››ã‚‹ç‚Žã®è¡¨ç¾ã‚’ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã‹ã‚‰è©¦ã›ã¾ã™ã®ã§ã€ãœã²WebGLå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶(Chrome, Firefox, IE11)ã‚’ä½¿ã£ã¦ã”è¦§ä¸‹ã•ã„ã€‚ Demo (WebGLå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„) Source (TypeScript 0.9.5ã§ä½œæˆ) ç§»æ¤å…ƒã®Flashç‰ˆã®ãƒ‡ãƒ¢ ãƒžã‚¦ã‚¹ã§ç”»é¢ã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã¨ã‚¢ãƒ³ã‚°ãƒ«ã‚’å‹•ã‹ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚‚ã—ã‹ã—ãŸã‚‰ç’°å¢ƒã«ã‚ˆã£ã¦ã¯å‹•ä½œãŒé‡ãŸã„ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’å°ã•ãã—ã¦ã¿ã‚‹ã¨æ»‘ã‚‰ã‹ã«å†ç”Ÿã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ â–²å³ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨Flash Playerã§ã¯ãªã„
beth321 2014/01/08
HTML5

3D

WebGL

altjs

javascript

webåˆ¶ä½œ

webdev

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

MyInterest

js
ãƒªãƒ³ã‚¯
HTML5ã§3Dã‚’å®Ÿç¾ã™ã‚‹æœ¬æ ¼æ´¾WebGLãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Away3D TypeScriptã®å…¬å¼ãƒ‡ãƒ¢ | ClockMaker Blog
HTML5ã§3Dã‚’å®Ÿç¾ã™ã‚‹æœ¬æ ¼æ´¾WebGLãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Away3D TypeScriptã®å…¬å¼ãƒ‡ãƒ¢ HTML5ã§3Dã‚’å®Ÿç¾ã™ã‚‹WebGLå¯¾å¿œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Away3D TypeScriptãŒ10æœˆã«ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚WebGLã§3Dã‚’å®Ÿç¾ã™ã‚‹é¡žä¼¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦Mr.doobæ°ã‚‰ãŒé–‹ç™ºã—ã¦ã„ã‚‹Three.jsãŒåå‰ãŒçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€Away3D TypeScriptã¯åŒç‰ä»¥ä¸Šã«é«˜æ©Ÿèƒ½ã§ã‚ã‚Šé«˜ã„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æœ‰ã—ã¦ã„ã¾ã™ã€‚ä»Šå›žã¯å…¬å¼ã‚µãƒ³ãƒ—ãƒ«(Githubã§ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹)ã‚’é€šã—ã¦ã€Away3Dã§ã©ã®ã‚ˆã†ãªè¡¨ç¾ãŒå¯èƒ½ã§ã‚ã‚‹ã®ã‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ Away3Dã¨ã¯ Away3Dã¯Flash Stage3Dã§ã‚‚ã£ã¨ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸€ã¤ã§ã™ã€‚ã‚¢ãƒ‰ãƒ“ãŒæä¾›ã™ã‚‹Adobe Gaming SDK(ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ãƒ„ãƒ¼ãƒ«ã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç¾¤)ã«ã‚‚Away3Dã¯æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
beth321 2014/01/02
JavaScript

WebGL

3D

html5

Away3D

TypeScript

Webåˆ¶ä½œ

html

Flash

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ELLIE GOULDING
Ellie Goulding â€“ Something In The Way You Move (Directed by Emil Nava)
beth321 2013/12/20
WebGL

HTML5

ã“ã‚Œã¯ã™ã”ã„

JavaScript

music

webãƒ‡ã‚¶ã‚¤ãƒ³

WebDesign

canvas

HTML

web
ãƒªãƒ³ã‚¯
æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®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
beth321 2013/11/28
javascript

google chrome

WebGL

unreal

chrome

asm.js

publickey

web
ãƒªãƒ³ã‚¯
ï¼»GDC 2013ï¼½Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ŒUnreal Engine 3ã€ãŒãƒŒãƒ«ãƒŒãƒ«å‹•ã!? ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã‚’5æ—¥ã§HTML5ã¸ç§»æ¤ã—ãŸé©šãã®æŠ€è¡“ã¨ã¯
ï¼»GDC 2013ï¼½Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ŒUnreal Engine 3ã€ãŒãƒŒãƒ«ãƒŒãƒ«å‹•ã!? ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã‚’5æ—¥ã§HTML5ã¸ç§»æ¤ã—ãŸé©šãã®æŠ€è¡“ã¨ã¯ ãƒ©ã‚¤ã‚¿ãƒ¼ï¼šç±³ç”° è¡ Game Developers Conference 2013ï¼ˆä»¥ä¸‹ï¼ŒGDC 2013ï¼‰ã®2æ—¥ã‚ã¨ãªã‚‹ç±³å›½æ™‚é–“3æœˆ26æ—¥ï¼ŒWebãƒ–ãƒ©ã‚¦ã‚¶ã€ŒFirefoxã€ã®é–‹ç™ºã§çŸ¥ã‚‰ã‚Œã‚‹ç±³Mozilla Foundationï¼ˆä»¥ä¸‹ï¼ŒMozillaï¼‰ãŒï¼Œã€ŒFast and Awesome HTML5 Gamesã€ï¼ˆé«˜é€Ÿã‹ã¤é©šæ„•ã®HTML5ã‚²ãƒ¼ãƒ ï¼‰ã¨é¡Œã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’é–‹å‚¬ã—ãŸã€‚ HTML5ã¯ãã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ãŒé«˜ãè©•ä¾¡ã•ã‚Œã¦ã¯ã„ã‚‹ãŒï¼Œå®Ÿéš›ã«ãã‚Œã§ä½œæˆã•ã‚ŒãŸã‚²ãƒ¼ãƒ ã‚’è¦‹ã‚‹ã¨ï¼Œã€ŒWebãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®ã‚²ãƒ¼ãƒ ãªã‚‰ã“ã‚“ãªã‚‚ã®ã‹â€¦â€¦ã€ã¨è½èƒ†ã•ã›ã‚‰ã‚Œã‚‹ã‚‚ã®ãŒå¤šã„ã€‚ãã®ãŸã‚æ£ç›´ã«è¨€ãˆã°ï¼Œç†è€…ã¯ã‚ã¾ã‚ŠæœŸå¾…ã›ãšã«å‚åŠ ã—ãŸã®ã ãŒï¼Œè“‹ã‚’é–‹ã‘ã¦ã¿ã‚Œã°ï¼ŒãŸã—ã‹ã«ã‚¿ã‚¤ãƒˆãƒ«ã©ãŠã‚Šã€Œ
beth321 2013/05/16
ã€€4Gamer.net

JavaScript

html5

ã‚²ãƒ¼ãƒ

game

asm.js

web

emscripten

webgl

firefox

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸