めちゃくちゃカッコいいの、作りたくない？ WebGL、興味はあるけどなかなか手を出せてないってひとは多いんじゃないでしょうか。 自分もその中の一人でした。 今回は、その前準備としてreactを用いてthree.jsに習熟することを目的とします。 具体的には以下のようなシミュレーションを作成します。 本記事は、自分用のサイトを作っている時に、キービジュアルとしてThree.jsというライブラリをReactで使用したので、そのまとめ的な記事です。 最終的には、超絶劇的にカッコいいサイトを作ることを目指します。 2020/03/30 追記 react-three-fiberのバージョンが4系に上がったため、本記事のcannonを使用する部分が動作しなくなっています。もし本記事のサンプルをそのまま使用したい場合は、react-three-fiberの3.x系を使用するようお願いします。 2021/
