Hjem
Spritesheet
Om Spritesheet
Bruksmåte
Eksempler
Parallax
Om Parallax
Bruksmåte
Eksempler
Spill
Bruksmåte
Spritesheet
Hvordan bruker
man egentlig spritesheets?
Eksempler
Typisk Bruksmåte
Opprett spritesheet: Samle grafiske elementer i én bildefil i rutenettformasjon.
Organiser bilder: Plasser hvert bilde ved siden av hverandre i spritesheeten.
Definer bildestørrelse: Angi størrelsen på hvert bilde.
Bruk CSS-sprites: Bruk CSS til å definere spritesheeten som bakgrunnsbilde og posisjonen til hvert bilde
Implementer i HTML: Bruk HTML-elementer og CSS for å vise riktig bilde.
Behandle interaksjoner: Bruk JavaScript for interaktive elementer, endre bakgrunnsposisjonen etter behov
Optimaliser: Minimer størrelsen på spritesheeten og bruk caching for bedre ytelse.
Spill som utnytter spritesheets
Spill: Super Mario
Spill: Sonic The Hedehog
Spill: The legend of Zelda