Een beeld "sprite" is een verzameling van kleinere foto's, alles bij elkaar geplakt in één grote afbeelding. Wanneer dit beeld wordt voor de productie, gebruik CSS positionering, wordt elk element vertoonde, maar zonder dat de andere.
Deze techniek wordt veel gebruikt op grote schaal websites, zijn een ideale manier van het optimaliseren van pagina laadtijden door het laden van alle beelden tegelijk.
De techniek wordt ook gebruikt met spelletjes en animatie motoren, waar de sprite beelden worden gebruikt voor het maken van animatie loops.
Voor dit soort sprites, wordt de animatie uitgezet als een enkel beeld, elk frame geplakt naast de vorige frame.
De animatie beweegt zich dan van het ene frame naar de volgende, in een snel tempo, waardoor de illusie van een constante beweging.
De "Geanimeerde sprites" klasse is een MooTools bibliotheek voor het creëren van een dergelijke animatie sequenties, met sprite beelden en HTML5 canvas
Wat is nieuw in deze release:.
- Fixed base64 grootte bug.
Eisen
- Javascript nodig op client side
- MooTools
Reacties niet gevonden