Skip to content

Uglevod/Radial_Clock_Starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Radial_Clock_Starter

Radial Clock with time plan

Screenshot_2025-03-04_10-24-39

Визуальный таймер с системой ролей и задач

🎯 Описание

Интерактивное веб-приложение для визуализации времени с системой ролей и задач. Помогает структурировать день и следовать намеченному расписанию.

🚀 Основной функционал

⏰ Визуализация времени

  • Двойная система концентрических дуг
    • Внешняя дуга (голубая) - минуты
    • Внутренняя дуга (зеленая) - часы
  • Настраиваемая длительность дня
  • Гибкое время начала

📅 Система периодов

  • Разделение дня на настраиваемые периоды
  • Характеристики периода:
    • Название
    • Цветовое оформление
    • Процентное соотношение
    • Привязка к роли

👤 Система ролей

  • Уникальная роль для каждого периода
  • Атрибуты роли:
    • Название
    • Описание
    • Предыстория
    • Целевые установки
    • Визуальное представление
  • Анимированные переходы между ролями

✅ Система задач

  • Индивидуальные списки задач для периодов
  • Динамическое отображение
  • Отслеживание выполнения

🎵 Аудио-компоненты

  • Фоновое музыкальное сопровождение
  • Часовые сигналы
  • Звуковые оповещения

💫 Визуальные эффекты

🎬 Анимации

  • Плавные появления элементов
  • Анимированные дуги прогресса
  • Мягкие переходы между состояниями
  • Анимация смены изображений

🖱️ Интерактивность

  • Активные периоды с подсветкой
  • Динамическая индикация времени
  • Обновление в реальном времени

🛠️ Технические характеристики

⚡ Оптимизация

  • Контроль частоты обновлений
  • Предварительная загрузка ресурсов
  • Оптимизированные анимации

📱 Адаптивность

  • Responsive-дизайн
  • Динамическое масштабирование

📦 Архитектура

  • Модульная структура
  • Разделение данных и представления
  • Расширяемая архитектура

⚙️ Настройки

⏱️ Временные параметры

  • Настройка продолжительности
  • Установка точки старт
  • Конфигурация периодов

🎨 Визуальные настройки

  • Кастомизация цветов
  • Настройка размеров
  • Управление анимацией

📝 Контент

  • Управление периодами
  • Редактирование задач
  • Настройка ролей

📝 Использование

  1. Настройте временные параметры
  2. Определите периоды дня
  3. Назначьте роли для периодов
  4. Добавьте задачи
  5. Запустите таймер

🤝 Вклад в проект

Приветствуются pull requests. Для крупных изменений сначала создайте issue для обсуждения предлагаемых изменений.

📄 Лицензия

About

Radial Clock with time plan

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors