HyperFrames

Create a project

الفيديو ملف HTML

في After Effects أو في محرر قوالب تبني الفيديو بسحب الطبقات على خط زمني. أما في HyperFrames فالفيديو صفحة HTML: المقاطع والصور والصوت عناصر لها خصائص data تحدد وقت البداية والمدة والمسار، والحركة تأتي من GSAP أو حركات CSS أو Lottie أو Three.js أو مكتبات مشابهة يقودها خط زمني متوقف. تعاين النتيجة في المتصفح وتصدّرها بأداة CLI، التي تمر على كل إطار داخل Chrome بلا واجهة ثم ترمّز النتيجة بـ FFmpeg.

الفكرة من هذا التصميم أن الوكلاء يكتبون HTML جيدًا أصلًا. يأتي المشروع مع skills لـ Claude Code وCodex وCursor ووكلاء برمجة آخرين، فتطلب مقدمة منتج مدتها عشر ثوانٍ وتحصل على تركيبة تستطيع قراءتها وتعديلها وتصديرها من جديد. وفيه أيضًا كتالوج من الكتل الجاهزة مثل الانتقالات والترجمات والرسوم البيانية والطبقات الفوقية، وStudio في المتصفح للمعاينة، ومسار اختياري عبر AWS Lambda للتصدير على نطاق واسع.

التكلفة الحقيقية للانتقال

ليس بديلًا مباشرًا للخط الزمني الذي يعمل عليه المصمم. لا يوجد محرر منحنيات للإطارات المفتاحية، ولا rotoscoping، ولا تركيب للقطات المصوّرة كما يفعل After Effects. إن كنت تفكر بالطبقات ومنحنيات التسارع على لوحة، فستقرأ الكود وتعدّله بنفسك أو تطلب ذلك من وكيل، وهذه طريقة عمل مختلفة.

عملك لا يُحبس في صيغة مشروع مغلقة، لأن التركيبة HTML عادي تحفظه في git. الثمن هو الإعداد: تحتاج Node.js 22 أو أحدث وFFmpeg، ويعتمد زمن التصدير على جهازك لأن كل إطار يُلتقط في متصفح حقيقي. والمشروع يتطور بسرعة، فتوقّع أن تتغير الأوامر والـ skills بين الإصدارات.