Billed manipulation

Tags:    javascript grafik

Jeg har på et tids. set et lille kode eksempel hvor man lavede et mario spil. Her havde man et stort billed hvor på ca 1000 * 1000 pixel hvor der for hver 100 * 100 var et billed af mario i forskellige stillinger. Hver gang man så flyttede mario (med pilene) så skiftede den samtidig hvilken del af billedet man kunne se og dermed så det ud som om mario "går". Jeg er overbevist om dette var lavet i Javascript men kan ikke finde koden igen. Er der nogle af jer der kender denne eller ved hvilken kode der skal til at lave dette??



2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Det komme lidt an på, hvor længe et tidspunkt er siden.

Du kan lave det med en div og et billed, jeg forstiller mig billedet er delt op i lige store firkanter og du ved hvilken firkant du vil vise (søjle og række):

HTML
Fold kodeboks ind/udKode 


Javascript:
Fold kodeboks ind/udKode 


Bruger den teknik til det her: http://donp.the-hive.dk/home/index.php?id=76


Hvis det du så var lidt nyere, men ikke helt nyt, findes der i css muligheden for at klippe i et element:
http://www.ibloomstudios.com/articles/misunderstood_css_clip/


Hvis det du så var virkeligt nyt kan det være det brugte et canvas, men så skulle du have ledt ret længe efter det originale sprite billed. Skrive "sprite canvas" i en søgemaskine.



Indlæg senest redigeret d. 28.03.2011 17:29 af Bruger #5620
Det var lige den java del jeg manglede. :lol:

Takker for svaret.



t