Gönderi
avatar
opus 5.5, hareket tasarımı için çılgınca bu 14 saniyelik UI döngüsünün her karesini bir tek istekle kodla oluşturdu hiçbir editör yok. hiçbir elle anahtar kare yok. tam isteği ve tüm takip mesajlarını ücretsiz paylaşıyorum kopyala ve ritimleri kendi ürününle değiştir ↓ Kanva rengi Şekil rengi Vurgu rengi Şekil yarıçapı Fontlar Şeklin geçtiği durumlar 14 saniyelik, 1440x1440, 60 fps'lik sorunsuz UI hareket döngüsü oluşturun. Bir şekil, sıfır kesim. Şekil, durumdan duruma morfolojik olarak dönüşür ve asla değiştirilmez. Her durum, çerçevenin %50'sini doldurur. Kamera, vuruşla başlar ve şekil kadar hızlı oturmaz. Kapalı form yayları kullanın. Şeklin sönümleme katsayısı: 0,72, oturma süresi: 0,35 s. Kameranın sönümleme katsayısı: 1,0, oturma süresi: 0,6 s. İçerik değişiklikleri 12 piksel bulanıklık ve 0,15 saniyelik bir geçiş kullanır. İşaretçi ucu, sürüklediği nesneye sabit kalır. 0,5 saniyelik bir ritim ızgarası kullanın. 0,0 - piksel maskot boşta duruyor 1,0 - maskot oynatma düğmesine basıyor 1,5 - yükleyici 2,0 - kontrol çiziliyor 2,5 - zaman çizelgesi kaydırılıyor 4,0 - anahtar kare sonun dışına uzayıp geri zıplıyor 5,0 - bezier düzenleyici 7,0 - sayaç F 000'den F 840'a doğru ilerliyor 8,5 - işleme çubuğu doluyor 10,0 - komut paleti "export mp4" yazıyor 11,0 - bildirim "840 kare işlendi" diyor 12,0 - bildirim maskota doğru küçülüyor Son kare, ilk kare olmalıdır. Canvas 2D ile bir HTML dosyası yazın. window.renderAt(t) fonksiyonu, zamanın saf bir fonksiyonu olmalıdır. Math.random kullanmayın. Saat kullanmayın. Durum taşımayın. ?t= parametresi, tam olarak o anı dondurmaldır. Her kareyi renderAt(frame / 60) ile oluşturun. Hareket bulanıklığı için 4 alt kare kullanın. 60 fps hızında H.264'e kodlayın. Döngü sarmasında imleç zıplamasını şu şekilde düzeltin: t - 14*floor(t/14) Turuncuyu mürekkebe geçiş yapmayın. 1,5 s'de merkezden, 12,0 s'de tıklama noktasından bir dalga oluşturun. Kelime değişimlerini dikey olarak kaydırın. Bulanıklaşma sonrası çizim başlasın. İmleci, hedefin düştüğü noktaya yönlendirin. İmleç hızını 65 piksel/çerçeve altında tutun. Önce storyboard'u gösterin. Sonra kodu yazın. İlk render sonrası, her vuruş etrafında 5 kareyi kontrol edin ve nihai render öncesinde sorunları düzeltin.

Bu içerik yalnızca bilgilendirme ve eğitim amaçlıdır. Üçüncü taraf görüşlerini, sponsorlu içeriği veya içerik oluşturucunun ücret alabileceği promosyon materyallerini içerebilir. Bu yayındaki hiçbir şey yatırım tavsiyesi veya getiri garantisi teşkil etmez. Kendi yatırım kararlarınızdan yalnızca siz sorumlusunuz. Yatırım yapmadan önce her zaman kendi araştırmanızı yapın ve dikkatli olun. Üçüncü taraf bilgilerinin doğruluğunu garantilemiyoruz ve kayıplardan sorumlu değiliz. Geçmiş performans gelecekteki sonuçların göstergesi değildir. Ayrıntılar için lütfen Topluluk Şartlarına ve Risk Açıklama Beyanına bakınız.

avatarYanıtınızı gönderin

Yorum