opus 5.5 — безумно мощен для анимации интерфейсов
он сгенерировал каждый кадр этой 14-секундной петли интерфейса по одному запросу
никакого редактора. никаких ручных ключевых кадров.
я бесплатно делюсь полным запросом и всеми дополнениями
используйте и замените биты на свои →
Дайте мне:
* цвет холста
* цвет формы
* цвет акцента
* радиус формы
* шрифты
* состояния, через которые должна морфировать форма
Используйте шестнадцатеричные коды, секунды, коэффициенты затухания и размеры в пикселях вместо прилагательных.
Создайте петлю анимации интерфейса длительностью 14 секунд, разрешением 1440x1440, 60 кадров в секунду, без разрывов.
Одна форма, без разрезов.
Форма трансформируется из состояния в состояние и никогда не заменяется.
Каждое состояние заполняет 50% кадра.
Камера начинается в такт и замедляется медленнее, чем форма.
Используйте пружины замкнутого вида.
Затухание формы — 0,72, время стабилизации — 0,35 с.
Затухание камеры — 1,0, время стабилизации — 0,6 с.
Переключения контента используют размытие 12 пикселей и плавное исчезновение в течение 0,15 с.
Кончик курсора остаётся закреплённым на том, за что его тянут.
Используйте сетку с интервалом 0,5 с.
0,0 — персонаж-пиксель бездействует
1,0 — персонаж сжимается в кнопку воспроизведения
1,5 — загрузчик
2,0 — рисуется галочка
2,5 — перемотка временной шкалы
4,0 — ключевой кадр растягивается за пределы и возвращается на место
5,0 — редактор Безье
7,0 — счетчик меняется с F 000 на F 840
8,5 — заполняется индикатор рендеринга
10,0 — палетка команд вводит «export mp4»
11,0 — всплывающее сообщение: «840 кадров отрендерено»
12,0 — всплывающее сообщение сжимается и возвращается в персонажа
Последний кадр должен быть первым кадром.
Напишите один HTML-файл с Canvas 2D.
window.renderAt(t) должна быть чистой функцией от времени.
Нет Math.random.
Нет часов.
Нет сохраняемого состояния.
?t= должен фиксировать точный момент.
Отрисовывайте каждый кадр из renderAt(frame / 60).
Используйте 4 подкадра для размытия движения.
Кодируйте в H.264 со скоростью 60 кадров в секунду.
Исправьте скачок курсора при циклическом переходе с помощью:
t - 14*floor(t/14)
Не выполняйте плавный переход от оранжевого к чернилам.
Используйте волны от центра в 1,5 с и от точки клика в 12,0 с.
Поверните перестановки слов вертикально.
Начните рисование после размытия.
Направляйте курсор туда, где цель окажется в момент приземления.
Сохраняйте скорость курсора ниже 65 пикселей/кадр.
Сначала покажи мне сториборд.
Затем напиши код.
После первого рендера проверь 5 кадров вокруг каждого бита и исправь проблемы перед финальным рендером.