Grafik og spil

Uge 9: Lad os lave spil!

Vi vil bruge JavaScript og et bibliotek der hedder Phaser, til at lave spil med.

Højreklik på denne side og "Vis kilde…" for at se hvordan nedenstående er lavet.

Til tegning af grafik vil vi bruge et program der hedder Piskel. Det er gratis og kan bruges både online og som et program til Mac og Windows. Man kan logge ind så ens tegninger bliver gemt.

Her er nogle flere nyttige links:

• Getting Started with Phaser
• Making Your First Phaser Game
• Phaser Examples

Når man skal tegne animationer kan det være nyttigt at se på hvordan virkelige mennesker og dyr bevæger sig. Hvis man googler animal locomotion findes mange eksempler.

Uge 11: Animation

I forrige eksempel loadede en enkelt frame. Nu skal vi loade en hel animation. I kildekoden har jeg kommenteret de nye linje og hvad de gør.

I Piskel skal i nu eksportere som et png spritesheet. Noter størrelsen på jeres canvas og navngiv filen med den i navnet. F.eks. 'monster_32x32.png'. Upload denne fil til Neocities.