カミナシの浦岡です。 この記事ではreact-three-fiberというライブラリを使って、reactで3Dアプリケーションを作成してみます。 github.com このライブラリを使うことでアプリの開発者からすると、 通常のreactアプリ(DOMにレンダリングするもの)を作るのと同じ実装方法で、3Dレンダリングするアプリケーションを作成することができます。 とは言え、 3Dの基本的な用語を知らないと思うように実装を進められないと思います。今回簡単なアプリの作成を通して3Dの基本に入門しましょう。 これから作る物 Reactの公式チュートリアル「三目並べゲーム (tic-tac-toe) 」を3D化することをゴールにします。 gyazo.com 最終完成形 さっそく、完成形は以下になります。 codesandbox.io Reactのチュートリアルと同じく、大きく以下3つのコンポーネン