HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ～WebGLライブラリThree.js 入門（３ï¼ï¼“）～本稿ã§ã¯æ–°ã—ã„WEBページ用ã®è¨€èªžã§ã‚ã‚‹HTML5＋WebGLを利用ã—ã¦ã€ ウェブブラウザ上ã§ã€ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®è¨ˆç®—ã¨æ画をリアルタイムã«å®Ÿè¡Œã™ã‚‹ã€Œç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã€ã®ä½œæˆã¾ã§ã®æ‰‹é †ã‚’記述ã—ã¾ã™ã€‚ 本稿ã§ã¯ã€ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã®ä¾‹ã¨ã—ã¦ã€ä»»æ„ã®åˆæœŸæ¡ä»¶ã«å¯¾ã™ã‚‹ï¼’é‡æŒ¯ã‚Šåã®æ™‚間発展を４次ã®ãƒ«ãƒ³ã‚²ã‚¯ãƒƒã‚¿æ³•ã‚’計算ã™ã‚‹ã€Œï¼’é‡æŒ¯åシミュレータã€ã‚’構築ã—ã¾ã™ã€‚ã¾ãŸã€æœ¬ç¨¿ã§ã¯ WebGL ã‚’ç°¡å˜ã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹WebGLライブラリã¨ã—ã¦è‘—å㪠Three.js を用ã„ã¦ã„ã¾ã™ã€‚ 物ç†ã‚„å·¥å¦ã¨ã¯ç„¡é–¢ä¿‚ã«ã€åˆã‚㦠Three.js を利用ã™ã‚‹äººãŒãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã—ã¦ã‚‚利用ã§ãã‚‹ã“ã¨ã‚‚æ„図ã—ã¦ãŠã‚Šã¾ã™ã€‚ パート１ã§ã¯ã€ä¸»ã« Three.js ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦è§¦ã‚Œã¾ã—ãŸã€‚ パート２ã§ã¯ã€æ‹˜æŸåŠ›ã®ã‚ã‚‹é‹å‹•ã®ä»£è¡¨ä¾‹ã§ã‚ã‚‹å˜æŒ¯åã‚’å–り上ã’ã€ç‰©ç†æ¼”ç®—çµæžœã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ æ画＋物ç†é‡ã®æ™‚間発展ã®æ§˜åをグラフ化ã—ã¾
物ç†ã‚¨ãƒ³ã‚¸ãƒ³ã€ŒBox2Dã€ï¼‹ã‚²ãƒ¼ãƒ エンジン「enchant.jsã€ã®ã‚ホンï¼ï¼ˆå‰ç·¨ï¼‰
Box2DJS - Physics Engine for JavaScript
{{#tags}}- {{label}}
{{/tags}}