Skill'in Kendi İfadeleriyle
Kinetik tipografi, istatistik sayaç artışı, grafik vuruşu, logo sting'i, alt bant, animasyonlu harita, tweet veya web sayfası gibi kısa, tasarım odaklı, anlatısız tek bir motion graphic için yönlendirme öncelikli bir skill — genellikle 10 saniyenin altında, en fazla 30 saniye civarında, MP4 veya şeffaf bir katman olarak render edilir.
Varlık öncelikli ve yeniden kullanım öncelikli bir yaklaşımdır: ilk ayrım parçanın bir aramaya gerek duyup duymadığıdır; form kategorileri boş asset_needs ile kullanıcı tarafından sağlanan içerik üzerinde çalışır, arama odaklı kategoriler döndürülen içerik türüne göre animasyon yapar ve Builder, elle yazılması gereken boşluklardan önce katalog bloklarını bir araya getirir. Workflow, en fazla bir açıklayıcı soru ile otonom çalışır, ancak render işlemi lint, check ve proof snapshot'larının ardında kullanıcı onayına bağlıdır.
Neler üretir
- Envelope'u, seçilen kategoriyi veya arama amacını, asset_needs'i ve block, layout, motion ile pozisyonları tutan taslak ve ardından nihai shot-plan.json.
- HF sözleşmesine uyan, window.__timelines üzerinde durdurulmuş bir GSAP zaman çizelgesi, clip sınıfları ve kararlı id'ler ile deterministik bir tl.seek(0) içeren compositions/index.html.
- Proof zamanlarını incelemek için snapshots/ altında bir contact veya snapshot sayfası.
- renders/video.mp4, ya da webm veya mov formatıyla render edilirken şeffaf bir katman.
Nasıl Çalışır
- 01Projeyi Başlat
Adım 0, PROJECT_DIR = videos/<project-name>/ oluşturur ve boş örnek ile bu skill'i kullanarak hyperframes init çalıştırır; hyperframes.json zaten mevcutsa bu adım tamamen atlanır.
- 02Planla ve Aramaya Karar Ver
İlk ayrım parçanın bir aramaya gerek duyup duymadığıdır: hayır ise asset_needs: [] olan bir form kategorisi anlamına gelir, evet ise arama sorgularının asset_needs[] içine yayılması anlamına gelir.
- 03Gerektiğinde Varlıkları Kaynakla
Adım 2, varlıkları media-use aracılığıyla dondurulmuş, proje-yerel yollara ve bir kayıt defterine çözümler; asset_needs boşsa bu adım atlanır ve doğrudan tasarıma geçilir.
- 04Elinizdekilere Göre Tasarlayın
İkinci bir Director geçişi, çözümlenmiş varlıkların etrafında katalog bloklarını ve hyperframes-animation kurallarını ile blueprint'leri seçer, ardından shot plan'ı sonlandırır.
- 05Yeniden kullanım öncelikli şekilde oluştur
Builder, npx hyperframes add ile katalog blokları ekler ve bunları yerinde özelleştirir; sadece boşlukları ve asset-fusion olanağını elle yazarak compositions/index.html'i üretir.
- 06Proof Snapshot'ları Al
Açılış durumunu, imza hareketi ve son duraklamayı gösteren proof zamanlarını seçin, ardından oluşturulan contact veya snapshot sayfasını inceleyin.