Files
kolaytercih-post/README.md
bilalgursen dc5c87b6aa feat: KolayTercih lansman videosu (Remotion, v3)
64 saniyelik, kesintisiz döngü lansman filmi; 9:16 ve 16:9.
- remocn.dev bileşenleri (sheen-slide-in, tracking-in, gradient-scale-cut-text,
  outline-fill-track-text, perspective-marquee, path-ride, zoom-blur, lens-zoom)
  KolayTercih piksel diline uyarlandı (src/kinetik.tsx)
- Sahne içi imleç + imleci takip eden kamera, piksel iz ve tık patlaması
- Sessizlik → BAM kurgusu (lensZoom), punch zoom ve hareket bulanıklığı
- Müzik ve efektler numpy ile sentezlendi (ses/uret.py), zaman.json tek kaynak
- Örnek taban sıralamaları gerçek YÖK Atlas 2026 kayıtları

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-09-30 20:22:38 +03:00

3.4 KiB
Raw Permalink Blame History

KolayTercih lansman videosu (v3)

Remotion ile kodla üretilen 64 saniyelik, kesintisiz döngü lansman filmi. Müzik ve efektler kodla sentezlendi. Bileşen ve geçişlerin bir kısmı remocn.dev kayıt defterinden alınıp (src/remocn/) KolayTercih'in piksel diline uyarlandı (src/kinetik.tsx).

Kurgu

Her sahne tek bir fikir anlatır. Üç yerde müzik birden kesilir, ekran sessizleşir, sonra lens patlamasıyla (remocn lensZoom) BAM gelir:

Sn Sahne Metin
0–3.5 Açılış "45.320." (Track Text) · "Sıralaman geldi. Tebrikler! Sırada küçük bir bulmaca var."
3.5–7 Seçenekler Perspective Marquee'de akan bölümler · "21.000+ program var. Senin 24 hakkın var." (Sheen)
7–10.5 Kaos "Kafanda yüz sekme açık, değil mi?"
10.5–13 Sessizlik "Derin bir nefes al."
13–16.5 BAM → Logo Dev piksel "KolayTercih" (Gradient Scale Cut) → logo · "Tercih listeni gerçek veriyle kur, panikle değil."
16.5–22 Adım 1 "Sıralamanı yaz." Tam ekran sihirbaz; kamera imlece kilitlenir
22–28 Adım 2 "Tabloları biz okuruz." Harita yukarıdan dökülür; imleç ısı fırçası, kamera takip eder · "Taranan: 21.000+ program" (Outline Fill Track)
28–33.5 Adım 3 "Listen hazır." · "Hayal de var, akıl da." (Path Ride) · 24 kare, imleç her kareyi takip eder
33.5–36 Sessizlik "Off. Kafan mı karıştı?" (imleç kararsız dolanır)
36–38 BAM → Danışman DanışmanlaKonuş · "Aklına takılanı sor. Gece 3'te bile."
38–48 Sohbet Tam ekran danışman: program_ara, profil_guncelle (gerçek YÖK Atlas verisi)
48–52.5 Paket Apple hızlı kesmeleri: "6 yıllık trend." · "PDF rapor. Aile toplantısına hazır." · "2 revizyon. Fikrin değişir, listen de."
52.5–56.5 Dürüstlük "Yerleşme garantisi vermiyoruz. Çünkü kimse veremez." (Outline Fill)
56.5–58 Sessizlik "Hazır mısın?"
58–64 BAM → Final Logo + "Listeni kur, panikle değil." + kolaytercih.com butonu → tık → çöküş → boş ekran (döngü)
  • İmleç yalnız bir şey yapılırken görünür; göründüğü sahnelerde kamera ona yaklaşıp takip eder (TakipKamera, src/imlec.tsx). Geçtiği yerde piksel iz, tıkladığı yerde piksel patlaması.
  • Telefon maketi yok; arayüz tüm kadrajı kullanır.
  • Gren v2'nin üçte biri. Görseller <Img> ile yüklendiği için titreme yok.

remocn bileşenleri

sheen-slide-in, tracking-in, gradient-scale-cut-text, outline-fill-track-text, perspective-marquee, path-ride (yardımcı fonksiyonları), zoom-blur, lens-zoom. İndirme: https://remocn.dev/r/<ad>.json (shadcn kayıt biçimi). Uyarlamada yumuşak degradeler logonun üç rengiyle (mavi, şeftali, turuncu) basamaklı piksel bantlara, açılma kenarları kare kare ilerleyen maskelere çevrildi; yazı tipleri Cal Sans / Bricolage.

Değiştirmek

  • Süreler, geçişler, imleç tıkları ve yazma aralıkları: src/zaman.json → sonra python3 ses/uret.py.
  • Punch zoomlar ve hareket bulanıklığı pencereleri: src/vurus.ts.
  • Metinler: src/sahneler-1.tsx, src/sahneler-2.tsx, src/sahneler-3.tsx.
pnpm install
pnpm studio
python3 ses/uret.py
node scripts/kareler.mjs Dikey 0.3 400 540 740
pnpm render:dikey && pnpm render:yatay

v2 sahneleri src/eski/ altında duruyor (derlemeye girmez).