Proceso de QA y Testing

Durante el desarrollo se aplicaron prácticas de QA manual:

Diseño y ejecución de casos de prueba para detectar errores de interacción

Pruebas exploratorias de gestos y animaciones

Documentación de incidencias y ajuste iterativo para mejorar UX/UI

Validación de la física de partículas y cálculo de posiciones en tiempo real

Capturas / GIF

(Opcional: incluir imágenes o GIF de la demo para ilustrar la interacción)

Contribuciones

Este proyecto es abierto a la experimentación:

Mejoras en la experiencia de usuario y animaciones

Ajustes de física de partículas

Integración con otros sistemas interactivos Sistema de Partículas 3D Interactivo – Three.js + Hands Tracking Descripción

Proyecto de partículas 3D interactivo en tiempo real desarrollado con Three.js. Permite controlar la escala y expansión del grupo de partículas mediante gestos de manos detectados con la webcam.

El proyecto se desarrolló de manera iterativa, incluyendo testing manual y exploratorio para asegurar la calidad de la interacción, la física de partículas y la experiencia de usuario. Se simula un hub interactivo que responde a los movimientos y gestos de las manos, con animaciones y cambios de color dinámicos.

Funcionalidades

Partículas 3D dinámicas con animaciones suaves

Control de escala y expansión del grupo de partículas mediante gestos de manos (pinch, apertura/cierre)

Cambio de color y tamaño según la interacción

Animación de bienvenida (“BIENVENIDOS”) cuando se detecta gesto específico

Estados del sistema: QA_IDLE, BIENVENIDOS_ANIMATING

Simulación de física básica de partículas con movimiento y dispersión

Tecnologías

JavaScript / Three.js – renderizado 3D y partículas

MediaPipe Hands – detección de manos en tiempo real

HTML / Canvas / WebGL – visualización y animación

Testing y QA: pruebas funcionales, exploratorias y ajuste iterativo