3Dで絵画を楽しむ!Next.jsとThree.jsで作るAIアートギャラリー(DALL・E)
Web開発
Three.js
初級
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で文章から絵画を自動生成
機能
・アートギャラリー
・絵画自動生成
・インタラクティブ操作
解説動画
YouTubeで解説をしています。
https://youtu.be/ivYenh-8EyM解説記事
Zennで解説をしてます。
https://zenn.dev/hathle/books/next-three-image-book