講座一覧

Web開発Three.js初級

3Dで絵画を楽しむ!Next.jsとThree.jsで作るAIアートギャラリー(DALL・E)

3Dで絵画を楽しむ!Next.jsとThree.jsで作るAIアートギャラリー(DALL・E)

Next.jsとThree.jsを使って3Dアートギャラリーを構築し、DALL・Eで生成された絵画を展示します。

Three.jsはJavaScriptの3Dライブラリで、@react-three/fiberと@react-three/dreiを使用していきます。

DALL・Eは自然言語から画像生成するAI技術です。

インタラクティブな3D空間で、絵画をクリックするとクローズアップも可能です。

Three.jsに興味ある方はぜひ参考にしてください。

学習内容

  • 3Dシーンの基本
  • 3Dアートギャラリーの構築
  • 絵画を展示
  • クローズアップ操作
  • AIで文章から絵画を自動生成

機能

  • アートギャラリー
  • 絵画自動生成
  • インタラクティブ操作