Respirate

Mi proyecto representa un ejercicio de respiración guiada mediante un círculo estático, visualizado como un reloj, donde un punto marcador se desplaza constantemente alrededor de su perímetro en sentido horario.

El punto comienza en la parte superior del círculo (12 en punto) y su recorrido completo (360°) representa un ciclo completo de respiración, dividido en cuatro fases iguales de 90 grados:

12 a 3 (0° a 90°) – Inhalar: El punto se mueve suavemente desde la parte superior hacia la derecha. El movimiento lento sugiere una inhalación profunda y controlada.

3 a 6 (90° a 180°) – Retener: El punto se desplaza hacia abajo, marcando la retención del aire. Es un momento de pausa activa.

6 a 9 (180° a 270°) – Exhalar: El punto se mueve hacia la izquierda, guiando una exhalación completa y relajada.

9 a 12 (270° a 360°) – Pausa: El marcador asciende de nuevo hacia la parte superior, indicando un momento de quietud antes de reiniciar el ciclo.

La velocidad del movimiento se puede ajustar para adaptarse a distintos patrones de respiración (como 4-4-4-4 o 4-7-8). Yo tengo el video con el fondo y el sonido. Me falta recrear ese animación del punto moviéndose sobre el circulo