Техническое задание: Интерактивный баннер “Magic Wheel” для Twitch
[:1f3af] Цель:
Создать интерактивный баннер для встраивания в OBS (Twitch-стрим). Баннер должен быть ярким, анимированным, с кнопкой “Click Here”, вращающимся колесом и возможностью перехода по ссылке.
Функционал:
1. Формат баннера
• Размер: 500x500 или адаптивный (уточним в процессе)
• Встраивается в OBS через Browser Source
• HTML/CSS/JS, всё должно работать без серверной части
2. Элементы на баннере:
• Статичный фон (жёлтый, как в примере)
• Вращающееся “колесо удачи” (анимированное по кругу)
• Несколько надписей/секторов на колесе: GIFT, CLICK, BONUS, TRY AGAIN (и т.д.)
• Кнопка “Click Here” (при нажатии открывает указанную ссылку, например: https://my-landing-page.com)
• Картинки/аватарки (будут предоставлены или можно вставить заглушки)
3. Анимации:
• Колесо должно вращаться постоянно или при наведении/нажатии (на выбор)
• При клике может быть лёгкий эффект (нажатия, мигания)
4. Требования к технологии:
• Никаких библиотек, которые нельзя подключить из CDN (например, можно GSAP или Anime.js)
• Возможность легко менять ссылку редиректа
• Код размещается на GitHub Pages / Netlify / Vercel или отдается архивом
[:1f4c2] Что должно быть на выходе:
• Папка с HTML / CSS / JS-файлами
• Инструкция по встраиванию в OBS (в виде PDF или .txt)
• Ссылка на готовый баннер (если размещён онлайн)
• Возможность в будущем заменить текст/изображения без вмешательства в код (желательно) . Предлагайте прайс и сроки