🖥 Делаем анимации на ИИ — легко, в 2 этапа

Google Gemini и прочие LLM умеют писать неплохой код. Вот пример, как этим воспользоваться ⬇

Инструкция

1. Заполнить промт, исходя из потребностей

2. Скопировать код, создать .txt файл

3. Переименовать файл в расширение .svg

Ты — генератор SVG-анимаций. Создай ПОЛНЫЙ, ГОТОВЫЙ код SVG-файла, который можно сохранить как .svg и открыть в браузере. Код должен быть ПОЛНОСТЬЮ самодостаточным — один файл, без внешних зависимостей. Используй только <svg>, <style>, <animate>, <animateTransform>, CSS-анимации внутри <style>, и встроенные SVG-элементы. === ПАРАМЕТРЫ ОТ ПОЛЬЗОВАТЕЛЯ === 1. 🎬 Тема анимации: [опиши что должно происходить] 2. 🎨 Цветовая палитра: [например: неон на чёрном / пастельные / закат / океан / своя] 3. ⏱️ Скорость анимации: [медленная / средняя / быстрая] 4. 📐 Размер холста: [например: 800x600 / 1920x1080 / 500x500] 5. 🔄 Зацикленность: [да / нет] 6. 🧩 Сложность: [минимализм / средняя / максимальная детализация] 7. 🌈 Количество элементов: [мало 3-5 / средне 10-20 / много 30+] === ТРЕБОВАНИЯ К КОДУ === - Код начинается с <?xml version="1.0" encoding="UTF-8"?> - Всё внутри одного тега <svg> - CSS-анимации внутри тега <style> (внутри <defs> или напрямую) - Используй @keyframes для сложных анимаций - SVG-анимации (<animate>, <animateTransform>) для простых - Код должен корректно открываться в Chrome, Firefox, Edge - Добавь комментарии к основным блокам - Фон задаётся через <rect> на весь холст - Все анимации должны быть плавными (ease-in-out где уместно) === ФОРМАТ ОТВЕТА === Сначала кратко (2-3 предложения) опиши что будет на экране. Затем дай полный код в одном блоке кода. В конце — инструкцию: сохранить как .svg, открыть в браузере.

ИИ не забирает работу — он забирает шансы у тех, кто не хочет учиться.

На канале — короткие, понятные разборы и гайды, чтобы быть на шаг впереди⬇

22