Yazar: 桌子
Canlı deneyin Bu proje hakkında
Maya Bennett, kurgusal bir grafik tasarımcı için hazırlanmış altı bölümlük bir 3D özgeçmiştir. Dört Tripo meyve modeli biyografi, eğitim, kariyer ve uzmanlık panelleri arasında süzülürken kaydırma hareketi içe aktarılan kamera animasyonunu ileri veya geri taşır.
WebGL katmanı HTML özgeçmişinden ayrı kalır; böylece hikâye 3D sahne olmadan da okunabilir ve atlanabilir. Altında, altı marka kimliği, ambalaj ve editoryal tasarım projesi odaklanmış ayrıntı görünümlerinde açılır; Color Lab ise nihai görünümün arkasındaki aydınlatma, odak ve malzeme kontrollerini sunar.
Öne çıkanlar
- İçe aktarılan kamera animasyonu sizinle birlikte ilerlerken özgeçmişin altı bölümünde gezinin — geri kaydırdığınızda aynı yolculuk doğal biçimde tersine döner.
- Dört süzülen meyve modelinden herhangi birini sürükleyip eylemsizlikle döndürün, ardından sahnedeki yerine yeniden oturmasını izleyin.
- Pozlamayı, alan derinliğini, EXR aydınlatmasını ve her meyvenin malzemesini gerçek zamanlı ayarlamak için Color Lab’i açın.
- Seçilmiş altı kimlik, ambalaj ve editoryal tasarım projesiyle devam edin; her biri kendi ayrıntı görünümünde açılır.
Teknik inceleme
3D varlıklar · Tripo meyve modelleri
Muz, domates, çilek ve elma; sahne düğümleri ile malzemelerinde Tripo tanımlayıcıları bulunan dört GLB varlığı olarak sunulur. React Three Fiber her varlığı tek bir ortak bileşen üzerinden yükler; sahne yapılandırması ise ölçeği, konumu, süzülme hareketini ve odak kaymalarını yönetir.
Kaydırma koreografisi · GSAP + animasyonlu kamera
GSAP ScrollTrigger, özgeçmişin kaydırma ilerlemesini 0 ile 1 arasındaki tek bir zaman çizelgesine eşler. İçe aktarılan kamera GLB’si beş saniyeye normalleştirilir ve 0, 60, 120, 180, 240 ve 300. karelerde örneklenir; böylece her bölüm öngörülen noktaya ulaşır ve yukarı kaydırıldığında tersine döner.
Meyve etkileşimi · kuaterniyonla sürükleme ve geri dönüş
İşaretçi hareketi kuaterniyon dönüşünü ve sınırlandırılmış açısal hızı yönlendirir. Bırakıldıktan sonra her meyve kısa süre eylemsizlikle dönmeye devam eder; ardından sönümleme onu tasarlanmış pozuna döndürür ve otomatik hareketi yeniden devreye alır. Aynı işaretçi yolu fare ve dokunmatik girişle çalışır.
Sinematik son dokunuş · EXR ışığı, otomatik odak ve Color Lab
Bir EXR gökyüzü PBR malzemelerini PMREM üzerinden aydınlatırken sabit 25 mm kamera odağı dört meyvelik grup ile etkin özne arasında kaydırır. BokehPass, bloom ve renk derecelendirmesi kareyi tamamlar; Color Lab ise bu kontrolleri canlı olarak kullanıma sunar.
