Next.js & Three.js ile Etkileşimli 3D Astronot | Scroll Tabanlı GSAP Animasyonu | Three.js Nedir?

Bu videoda, Next.js, React Three Fiber, Three.js ve GSAP kullanarak geliştirdiğim scroll tabanlı etkileşimli 3D astronot projesini anlatıyorum.

Videoda Neler Var?
- Three.js nedir?
- React Three Fiber ile 3D model nasıl entegre edilir?
- GSAP ile scroll animasyonları nasıl uygulanır?
- GLB formatındaki modelin sahnede konumlandırılması
- Işıklar, kamera ve sahne yönetimi

Eğer sen de web projelerinde 3D deneyimler oluşturmak istiyorsan, bu video tam sana göre!

Kullanılan Teknolojiler:
Next.js, Three.js, @react-three/fiber, @react-three/drei, GSAP, React, TypeScript, Tailwind CSS

Videoda kullandığım 3D model ve sahne yapısını buradaki araçlarla test ettim, GitHub’da tüm proje yapısı açık.

🔗 Projeye GitHub üzerinden ulaşmak için:
- https://github.com/YildizDikme/youtube-project-threejs

🔗 3D model keşfetmek ve ilham almak için:
- https://sketchfab.com/feed

🔗 GLB/GLTF modellerini test etmek ve önizlemek için:
- https://modelviewer.dev/

Видео Next.js & Three.js ile Etkileşimli 3D Astronot | Scroll Tabanlı GSAP Animasyonu | Three.js Nedir? канала Yıldız Dikme