Un divertido y sencillo proyecto web que hace que un par de ojos sigan el movimiento del cursor del ratón en tiempo real.
Esta página web demuestra una interacción visual atractiva utilizando JavaScript. El concepto es simple pero efectivo: al mover el ratón por la pantalla, uno o varios pares de ojos dibujados en la página reaccionan y giran para "mirar" la posición actual del cursor. Este proyecto es ideal para principiantes que desean aprender sobre manipulación del DOM y eventos del ratón en JavaScript, o simplemente como un pequeño y divertido añadido a un portafolio web.
- Seguimiento Dinámico: Los ojos se mueven suavemente y en tiempo real para seguir la posición del ratón.
- Diseño Minimalista: La interfaz es limpia y enfocada en la funcionalidad principal, permitiendo que la interacción de los ojos sea el centro de atención.
- Fácil de Usar: Simplemente abre el archivo HTML en cualquier navegador web moderno para experimentar la funcionalidad.
- Código Claro: El código JavaScript está bien estructurado y comentado, facilitando su comprensión y modificación.
Visita la página web en vivo para interactuar con los ojos.
Este proyecto se construyó utilizando las siguientes tecnologías web estándar:
- HTML5: Para la estructura y el contenido de la página web.
- CSS3: Para el estilo visual y la presentación de los ojos.
- JavaScript: Para la lógica de programación que permite que los ojos sigan el movimiento del ratón.
- Descarga o clona el repositorio: Si tienes acceso al código fuente, puedes descargarlo o clonarlo desde el repositorio donde se encuentra alojado.
- Abre el archivo
index.html: Localiza el archivoindex.htmlen la carpeta del proyecto y ábrelo con tu navegador web preferido (Chrome, Firefox, Safari, Edge, etc.). - ¡Empieza a mover el ratón! Una vez que la página se cargue, mueve el cursor del ratón por la pantalla y observa cómo los ojos reaccionan y te siguen con la mirada.
Este proyecto fue creado por gianmattus-programmer.
Siéntete libre de explorar el código, modificarlo y utilizarlo como base para tus propios proyectos. ¡Se agradece cualquier mención o reconocimiento!
Este proyecto está licenciado bajo la Licencia MIT.
Puedes consultar el archivo LICENSE para obtener más detalles sobre los términos y condiciones de esta licencia. En resumen, la licencia MIT te permite utilizar, copiar, modificar y distribuir el software libremente, siempre que se incluya el aviso de copyright y el aviso de permiso en todas las copias o partes sustanciales del software.