åˆå¿ƒè€…ã§ã‚‚絶対ã‚ã‹ã‚‹ã€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ファイルを手ã«å…¥ã‚Œã¾
JavaScriptæœ€æ–°å‹•å‘ ã€œWebSocket編〜
{{#tags}}- {{label}}
{{/tags}}