Идеально ПЛАВНЫЕ анимации теперь можно собрать на любой нейронке — в сети появился промпт, который превращает ИИ в крутого графического дизайнера. Можно генерировать анимации до 30 секунд полностью на коде HTML + Canvas 2D. Теперь собрать таймлапс, анимацию текста или геометрии будет максимально легко. Сохраняем себе имбовый промпт: Build a 1920×1080, [DURATION]-second, 60 fps motion piece as ONE self-contained HTML file, then render it to MP4. No video model, no stock footage, no AI-generated people — every frame is drawn in code. ══════════ TECH ══════════ - Deterministic: expose window.render(t) that draws the exact frame for time t (seconds). No timers, no CSS animations — everything is computed from t. - Wrapper (title, cards/sections, closing) in HTML/CSS updated by render(t). Inner films/scenes use Canvas 2D. - All text, names, numbers and timings live in one CFG object at the top of the script. - Easing everywhere: cubic-bezier(0.25,0.1,0.25,1) + backOut, bounceOut, elasticOut, expoOut, easeInOutCubic where needed. - Wait for fonts (document.fonts.load) before the first render. - Render pipeline: Playwright headless Chromium → screenshot each frame → ffmpeg to MP4 (60 fps, high quality). ══════════ DESIGN LANGUAGE ══════════ [STYLE] (Пример: Apple keynote minimal — white background, SF Pro / Inter, one accent color #0071E3, soft shadows, generous whitespace, no outlines, flat fills) ══════════ STRUCTURE ══════════ 1. Opening title sequence 2. Main content (1–3 parallel or sequential films/scenes) 3. Closing title ══════════ YOUR CONTENT ══════════ ### Opening [Что должно происходить в начале, текст, анимации появления] ### Main Scenes / Films Опиши каждую сцену подробно: **Scene 1 — [Название]** ([длительность] s) - Визуальный стиль и окружение - Главные объекты / персонажи - Покадровый / побитовый сценарий (что происходит, когда, какие easing'и) - Текст, если есть **Scene 2 — [Название]** ([длительность] s) ... **Scene 3 — [Название]** ([длительность] s) ... ### Closing [Финальный текст и анимация] ══════════ QUALITY BAR ══════════ - Something meaningful changes roughly every 0.5 s inside the films. - Optical centering, clean spacing, nothing touches. - Verify key frames before full render. Удаляем программы Adobe. 📲 Технотренды
- 40
- 8