🖥 Делаем анимации на ИИ — легко, в 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, открыть в браузере.
ИИ не забирает работу — он забирает шансы у тех, кто не хочет учиться.
На канале — короткие, понятные разборы и гайды, чтобы быть на шаг впереди⬇