frameword ile yapıldı

Örnekler

Buradaki her klip frameword ile bir Mac'te render edildi. Her birinin altında çıkış noktası olan istek, Claude'un yaptığı bütün araç çağrıları ve yazdığı kod var.

/

7 parça

Dikey · 9:16

FW-01 · 12 sn · seslendirme + GSAP

12 saniyelik frameword tanıtımı

İstek

FW-02 · 7 sn · seslendirme + kinetik yazı

Türkçe seslendirmeye kinetik yazı

İstek

“Boş bir 9:16 projede şu metni Türkçe seslendir: 'Elinde görüntü yok mu? Dert etme. Anlat, gerisini Mac'in halletsin.' Her kelime söylendiği anda ekrana gelsin: büyük harfle, kalın, ortada. 'Mac'in' kelimesi mavi (#4A9BF0) olsun. Zemin koyu, hafifçe kayan bir gradyan. 8 saniyeyi geçmesin, son kelimeden sonra zemin ilk kareye dönsün.”

FW-03 · 6 sn · kelimede GSAP sayaç

Söylenen sayıda başlayan sayaç

İstek

“9:16 boş bir projede 'Bu ay izlenmeler yüzde kırk iki arttı.' cümlesini seslendir. 'Yüzde kırk iki' dendiği anda ekranın üst yarısında 0'dan %42'ye sayan büyük bir sayaç çıksın, altında küçük harflerle 'izlenme artışı' yazsın. Türkçe sayı biçimini kullan, sayaç durunca hafifçe zıplasın.”

Yatay · 16:9

FW-04 · 4 sn · kelimede three.js

Söylenen yılda 3D yazı

İstek

“Boş bir 16:9 projede 'Yeni sezon 2026'da başlıyor.' cümlesini seslendir. '2026' denildiği anda ekrana three.js ile 3D dönen, parlayan bir 2026 yazısı çıksın, sonra parçacıklarla dağılsın. Zemin koyu lacivert olsun.”

FW-08 · 4 sn · three.js logo

three.js ile frameword logo animasyonu

İstek · İngilizceden çevrildi

“frameword için three.js ile 4 saniyelik bir logo animasyonu yaz: logo.svg'deki 'f' harfini taşıyan yuvarlak köşeli 3D bir rozet yumuşak stüdyo ışığında dönerek gelsin, kameraya dönük dursun, kısa bir an beklesin, sonra geldiği gibi dönerek çıksın ki klip döngüye girsin. Zemin #161618, 'f' harfinin yatay çizgisi #4A9BF0 olsun.”

Aslını göster

“Write a 4-second logo sting for frameword with three.js: a rounded 3D badge carrying the 'f' from logo.svg spins in under soft studio light, settles facing the camera, holds for a beat, then spins out the way it came so the clip loops. Background #161618, the crossbar of the 'f' in #4A9BF0.”

FW-09 · 5 sn · GSAP SplitText

Kinetik başlık: Kurguyu anlat.

İstek

“'Kurguyu anlat.' yazan 5 saniyelik kinetik bir başlık yap. Harfler yumuşak bir yay hareketiyle tek tek yükselsin, 'anlat' kelimesinin arkasına seçili kelime gibi mavi bir hap şekli gelsin (#1F6FD1), sonra satır yukarı kalkıp çıksın. Inter Bold, #161618 üstüne beyaz, kesintisiz döngü.”

FW-10 · 8 sn · d3 grafik + seslendirme

Bir saniyede yeniden dışa aktarma, grafikle

İstek · İngilizceden çevrildi

“Boş bir 16:9 projede şu cümleyi İngilizce seslendir: 'Change one word. Re-export in about a second.' Sonra d3 ile bir çubuk grafik çiz: 'Full export' etiketli çubuk 7,9 sn olsun, 'Re-export, one word changed' etiketli çubuk 'second' dendiği anda 1,0 sn'ye kadar uzasın. Altına küçük bir dipnot ekle: 'M4 Pro · 1080p · 59 s project · median of 3'. Zemin koyu, vurgu rengi #4A9BF0.”

Aslını göster

“In a blank 16:9 project, voice this in English: 'Change one word. Re-export in about a second.' Then draw a d3 bar chart: a bar labelled 'Full export' at 7.9 s, and a bar labelled 'Re-export, one word changed' that grows to 1.0 s when 'second' is spoken. Add a small footnote: 'M4 Pro · 1080p · 59 s project · median of 3'. Dark background, accent #4A9BF0.”