Spline3D kaydırma animasyonu oluştur ve Framer’a entegre et
Spline 3DBaşlangıç12 dk
Bu eğitimde, kullanıcı sayfayı kaydırdıkça bir bitkinin büyüdüğü bir 3D kaydırma animasyonu oluşturmayı öğreneceğiz. Kaydırma olaylarını ayarlayacak, geçişler ekleyecek ve kamera hareketini dahil edeceğiz. Son olarak etkileşimli 3D sahneyi, web sitesi oluşturucu olarak Framer’ı kullanarak bir web sitesine gömeceğiz.
👇Videoda gösterilen tasarımı remikslemek için aşağıdaki bağlantıları kullan:
🪴 Web sitesi ve son sahne remiksi: https://inspired-walkthroughs-144071.framer.app/ 🌱 3D bitki tasarımı (animasyonsuz): https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522
---
Daha fazla harika yaratıcıyı ve projeyi #MadeInSpline https://community.spline.design/ adresinde keşfet
Neler öğreneceksin
- 0:00Giriş
- 0:18Bir küple temel alıştırma
- 1:20Scroll olayı ayarlarına bakış
- 2:42Kaydırma animasyonu için oynatma ayarlarını düzenlemek
- 3:06Yaprakların büyümesini canlandırmak
- 7:59Bitki animasyonuna dönüş eklemek
- 9:10Kamera hareketi eklemek
- 10:29Viewer olarak dışa aktarmak
- 10:403D animasyonunu bir Framer sitesine gömmek
