SPAã ã‘ã˜ã‚ƒãªã„ï¼Reactã¨Three.jsã®çµ„ã¿åˆã‚ã›ã¯ã‚²ãƒ¼ãƒ 開発を変ãˆã‚‹ï¼ŸReactã¨ã„ãˆã°ã€SPA（シングルページアプリケーション）ã®Viewã«ä½¿ã‚れるライブラリー。ã§ã‚‚Three.jsã¨WebGLを組ã¿åˆã‚ã›ã‚‹ã¨ã€3Dã®ã‚²ãƒ¼ãƒ 開発ã«ã‚‚メリットãŒã‚るよã†ã§ã™ã€‚ 「Charisma The Chameleonã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚²ãƒ¼ãƒ を開発ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚²ãƒ¼ãƒ ã¯ã€Three.jsã€ReactJSãŠã‚ˆã³WebGLを使ã£ã¦é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚本記事ã§ã¯ã“れらã®æŠ€è¡“ãŒreact-three-renderer（R3R）を使ã£ã¦ã©ã®ã‚ˆã†ã«å‹•ä½œã™ã‚‹ã‹ã‚’説明ã—ã¾ã™ã€‚ ReactãŠã‚ˆã³WebGLã®ç´¹ä»‹ã«ã¤ã„ã¦ã¯ã€SitePointã®ã€ŽA Beginner’s Guide to WebGLã€ã‚„『Getting Started with React and JSXã€ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãã ã•ã„。本記事ãŠã‚ˆã³æ·»ä»˜ã®ã‚³ãƒ¼ãƒ‰ã¯ES6 Syntaxを使用ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã—ã°ã‚‰ãå‰ã«Pete
three.js / examples
2DゲームエンジンPhaserã®æ画をthree.jsã§3Dã«ã™ã‚‹ - ABAã®æ—¥èªŒ
超簡å˜ã«3DCGã§ãã‚‹JavaScriptライブラリ作ã£ãŸ - aike’s blog
Three.js ã‚’æ‹¡å¼µã—ã¦ç°¡å˜ã«ãƒœã‚¯ã‚»ãƒ«é¢¨ãªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒã§ãるよã†ã«ãªã‚‹ PixelBox - WebGL ç·æœ¬å±±
Box2DJS（二次元物ç†ã‚¨ãƒ³ã‚¸ãƒ³ï¼‰ã¨three.js（3D表ç¾ï¼‰ã®ã‚·ãƒ³ãƒ—ルãªçµ„ã¿åˆã‚ã› | KnockKnock
{{#tags}}- {{label}}
{{/tags}}