 Next.jsとThree.jsを使って3Dアートギャラリーを構築し、DALL・Eで生成された絵画を展示します。 Three.jsはJavaScriptの3Dライブラリで、@react-three/fiberと@react-three/dreiを使用していきます。 DALL・Eは自然言語から画像生成するAI技術です。 インタラクティブな3D空間で、絵画をクリックするとクローズアップも可能です。 Three.jsに興味ある方はぜひ参考にしてください。 

3Dで絵画を楽しむ！Next.jsとThree.jsで作るAIアートギャラリー

はじめに

Next.js準備

基本学習

ギャラリー

絵画

DALL・E

クローズアップ

おわりに

nextjs

tailwindcss

threejs

openai

dalle

はる@フルスタックチャンネル