jQuery Xeyes bootst de Xeyes Linux app die twee ogen die constant gevolgd muis van de gebruiker rond het scherm wordt gekenmerkt.
Deze plugin is een versie van dat programma, gemaakt van 100% in JavaScript en bruikbaar op elke webpagina.
jQuery Xeyes maakt gebruik van een eenvoudige wiskundige formule om te berekenen waar de irissen van elk oog moet worden weergegeven op basis van de huidige cursor positie van de gebruiker.
In deze formule wordt de positie van de muis op de pagina zijn positie op de X-as en het midden van het oog zelf.
Daarna creëert een driehoek en plaatst het oog iris op de lijn die de muiscursor met het midden van het oog, in de dichtstbijzijnde positie van die lijn nabij de rand van het oog.
Als de muis rond deze driehoek wordt verplaatst wordt bijgewerkt, en dus is de positie van de oogbol's.
Hoewel dit is vrij triviaal voor een ervaren programmeur, jQuery Xeyes biedt ook ontwikkelaars met wat extra opties die hen in staat stellen om wat opvulling tussen de iris en de grens van het oog toe te voegen, zien de ogen in de vooraf ingestelde posities wanneer de gebruiker niet beweegt zijn muis in de buurt van de . ogen, en vele andere meer
Eisen
- Javascript nodig op client-side
- jQuery
Reacties niet gevonden