フロントエンドカンファレンス北海道2024
レギュラートーク(20分)

【React x Three.js】 Reactで3DCGモデルを動かす

taketada323 Tada Takehiro taketada323
5

近年、Webフロントエンド上で3DCGモデルを動作させる技術の注目度が上がってきてます。
本セッションではThree.jsのWebGL技術を用いてReact上で3DCGモデルを動作させることについて話します。

▼ こんな人が対象者

  • Webブラウザで3DCGモデルを動作させたい人
  • Three.jsを利用したことがあるが、Reactとの組み合わせで悩んでる人
  • Unityの実装経験はあるが、Three.jsは未経験の人

▼ 内容

  • React関数コンポーネントの中で動作させるThree.jsについて
  • 3DCGモデル・画像・動画・アニメーションの描画方法について
  • Three.jsの周辺機能を提供するカスタムフックの作成について
  • 「Webフロントエンド x 3DCG」のこれからについて