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.
