Posteado por: djdonovans | marzo 19, 2009

Ojos que siguen el cursor en JavaScript

David King ha creado un muy buen script, que te permite fijar con pocas lineas de código ojos que siguen el cursor donde este se dirija.

Dice David que cuando indago acerca de como crear algo así, la explicación fue basada en simple trigonometría, para muchos ya la palabra trigonometría no es nada simple, así que David creo un script en JavaScript que realmente es muy corto, y usando pocas lineas de código podemos crear ojos que sigan el cursos en cualquier parte.

Para hacerlo solo debes descargar el archivo de David King aquí esta desarrollado en JavaScript, y agregar estas simples lineas en la Web donde quieres tener los ojos:

Código que va en la Web donde quiera que aparescan los ojos.

<script type=”text/javascript” src=”eyes.js”></script>
<div id=”myEye” style=”width: 100px; height: 100px; background: url(’white.png’) center center no-repeat;”>
<img src=”pupil.png” width=”30″ height=”30″ />
</div>
<script type=”text/javascript”>
EYES.follow (’myEye’);
</script>

Si quieres conocer a fondo su funcionamiento lo puedes hacer en la Web del autor, o si prefieres ver el uso mira este ejemplo que desarrollamos en tan solo 2 minutos usando el archivo de David King.

Excelente y simple, por lo menos sin la explicación de trigonometría.

Enlace: JavaScript Version XEyes (Vía ajaxian)

Enlace: Oppstudios

Via: http://loquenecesita.com

Anuncios

Responses

  1. ¡Gracias pr el aporte!


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Categorías

A %d blogueros les gusta esto: