Скачать или смотреть Next.js & Three.js ile Etkileşimli 3D Astronot Websitesi | 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/youtub...

🔗 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/

#threejs #javascript #javascripttutorial #gsapanimation #gsap #webdeveloper #webdevelopment #frontend #frontenddevelopment #nextjs