Sprite gebruiken voor 'animated gif'

[PeaceNlove]

Uit verveling heb ik vandaag vanuit een sprite met wat simpele JS een 'animated gif' gemaakt. Het voordeel tov een echte animated gif is dat je naast gif ook andere afbeeldingsformaten kan gebruiken (meer kleur) en dat je de animatie willekeurig waar kan stoppen of naar bepaalde frames kan springen. De bestandsgrootte van de sprite is bij mijn testje maar iets groter dan een echte animated gif, dus dat is niet echt een nadeel.

Nadat ik het gemaakt had dacht ik dat er vast wel iemand eerder ook al zoiets gedaan had en dat er wel meer hiervan op internet te vinden zou zijn, maar ik kan op google geen vergelijkbare voorbeelden vinden. Ben ik hier nou de eerste mee of gebruiken jullie dit ook al jaren? En als je dit al doet, waarvoor gebruik jij het dan?

Voorbeeldje van wat ik gemaakt heb: www.joelhempenius.nl <is alleen een testpagina hiervoor en geen spam, wees gerust ;-)

Mijn gebruikte code:

JavaScript:

var isrunning = false;
var counter = 0;
var spriteMax = 7;
var width = -42;
function load()
{  
    $("#test").css("height", "41px");
    $("#test").css("width",  "42px");
    $("#test").css("background","url(prisoner.gif) no-repeat");
    $("#test").css("background-color","#b0c4de");
}
function run()
{   
    if(isrunning){
        if(counter == spriteMax+1){counter=0;}
        $("#test").css("background-position",width*counter + " 0px");
        counter++;
        var t = setTimeout("run()",200);    
    }
}

[RobIII]

Heb je op 1 april onze Clippy niet gezien? Probeer hier maar eens een topictitel in te voeren (F5 = andere/random sprite). Zie ook de js. _{Overzichtje van de sprites: Wiethoofds meuk en 'overige': Niet schrikken (met dank aan Wiethoofd)}

En het ultieme voorbeeld natuurlijk: ons aller eigenste crisp's DHTML Lemmings uit...oh.. ergens 2003 ofzo

Nee, sorry. Nieuw is het niet

[ Voor 152% gewijzigd door RobIII op 28-07-2011 19:07 ]

[PeaceNlove]

Nope
* PeaceNlove gaat eens zoeken of dat nog te vinden is...

[RobIII]

PeaceNlove schreef op donderdag 28 juli 2011 @ 18:58:
Nope
* PeaceNlove gaat eens zoeken of dat nog te vinden is...

Wat zoeken Of wat te vinden is Ik geef er toch linkjes en uitleg bij?

[ Voor 5% gewijzigd door RobIII op 28-07-2011 19:00 ]

[WeeJeWel]

Google gebruikt het aardig vaak in hun doodles

[PeaceNlove]

RobIII schreef op donderdag 28 juli 2011 @ 19:00:
[...]

Wat zoeken Of wat te vinden is Ik geef er toch linkjes en uitleg bij?

Zag blijkbaar alleen je eerste post zonder de linkjes toen ik op de nieuwe berichtenbalk klikte en niet je geupdate post. Vandaar mijn zoekreflex.

Maar zoek ik dan op de verkeerde termen om nog meer van dit soort scripts te vinden?

[RobIII]

PeaceNlove schreef op donderdag 28 juli 2011 @ 19:08:
Maar zoek ik dan op de verkeerde termen om nog meer van dit soort scripts te vinden?

Euh; hoe moeten wij dat ruiken als je de termen waarop je zoekt niet geeft

[PeaceNlove]

Xcuus: ik zoek met deze termen: sprite animated gif

[crisp]

clippy \o/

[RobIII]

crisp schreef op donderdag 28 juli 2011 @ 20:08:
clippy \o/

offtopic:
He, die verscheen toch maar af-en-toe? Toch niet altijd?

[crisp]

RobIII schreef op donderdag 28 juli 2011 @ 20:12:
[...]

offtopic:
He, die verscheen toch maar af-en-toe? Toch niet altijd?

offtopic:
clippy=1 forceert het; op 1 april was het inderdaad random af-en-toe

[MsG]

En de vallende lemmings, waren dat nog échte ani's? Of ook javascript-ani's?

Kan je die nog triggeren trouwens?

[Xander]

MsG schreef op donderdag 28 juli 2011 @ 20:21:
En de vallende lemmings, waren dat nog échte ani's? Of ook javascript-ani's?

Kan je die nog triggeren trouwens?

Sure. Maar dat werkt helaas alleen met de oude "tweakers" template, niet met "tweakers_ng". Geen idee of "tweakers" nog voor iedereen beschikbaar is (ik heb hem als abonnee wel iig).

[crisp]

lemmings in de oude tpl, en ja; dat waren ook al sprites natuurlijk

[RobIII]

PeaceNlove schreef op donderdag 28 juli 2011 @ 19:15:
Xcuus: ik zoek met deze termen: sprite animated gif

Zoiets misschien. Echt een naam heeft 't, bij mijn weten, niet.

[PeaceNlove]

Dank. Beter ga ik maar weer werken ipv vakantievieren, want normaal vergeet ik bijna nooit de taal bij de zoektermen te zetten

Hoe dan ook, ik heb wel een fijn uurtje wiel-opnieuw-uitvinden gehad

[OkkE]

Het kan tegenwoordig ook zonder JavaScript: http://chrismar.sh/2011/07/19/animating-sprites-using-css/

[RobIII]

OkkE schreef op vrijdag 29 juli 2011 @ 08:43:
Het kan tegenwoordig ook zonder JavaScript: http://chrismar.sh/2011/07/19/animating-sprites-using-css/

offtopic:
http://www.romancortes.com/blog/pure-css-coke-can/
http://www.1stwebdesigner...-awesome-css3-animations/
http://anthonycalzadilla.com/css3-ATAT/index-bones.html

Gewoon even een dumpje van wat gerelateerde (wat oudere) bookmarks

[ Voor 44% gewijzigd door RobIII op 29-07-2011 09:16 ]