Skip to content

gianmattus-programmer/EYES-MOUSE-MOVE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👀 Ojos que Siguen al Ratón

Un divertido y sencillo proyecto web que hace que un par de ojos sigan el movimiento del cursor del ratón en tiempo real.

💡 Descripción

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.

✨ Características Principales

  • 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.

🔗 Enlace a la Página Web

Enlace a la página web Visita la página web en vivo para interactuar con los ojos.

🛠️ Tecnologías Utilizadas

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.

🚀 Cómo Utilizar

  1. Descarga o clona el repositorio: Si tienes acceso al código fuente, puedes descargarlo o clonarlo desde el repositorio donde se encuentra alojado.
  2. Abre el archivo index.html: Localiza el archivo index.html en la carpeta del proyecto y ábrelo con tu navegador web preferido (Chrome, Firefox, Safari, Edge, etc.).
  3. ¡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.

👨‍💻 Créditos

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!

📄 Licencia

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.

About

Un divertido y sencillo proyecto web que hace que un par de ojos sigan el movimiento del cursor del ratón en tiempo real.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published