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で文章から絵画を自動生成
機能
・アートギャラリー ・絵画自動生成 ・インタラクティブ操作
解説記事
Zennで動画の解説をしています。
動画でコーディングしているソースコードも載せていますので、参考にしたい方はぜひご利用ください。
zenn
3Dで絵画を楽しむ!Next.jsとThree.jsで作るAIアートギャラリー(DALL・E)
はる@講師
カテゴリ
Web開発
トピック
Three.js
レベル
初級