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
![SPAだけじゃない!ReactとThree.jsの組み合わせはゲーム開発を変える?](https://cdn-ak-scissors.b.st-hatena.com/image/square/9249cc64f6a33b8cce94ce2321e7e13825190e38/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2022%2F07%2F28%2F2446572%2Fl%2F7e92f814b5ac04e6.jpg)