PROJEKTER

1
2
3
4
5
x
PROJEKT 3 // GRUNDLÆGGENDE ANIMATION

SPIL

PASTA SPILLET

Skærmbillede af Tema3 hjemmeside

TEMA

I DETTE TEMA LÆRTE JEG AT BRUGE JAVASCRIPT TIL AT KODE DYNAMISKE WEBSITES OG SKABE ET LILLE SPIL VED HJÆLP AF CSS-ANIMATIONER. KOM SELV PÅ SPILLETS KONCEPT, DESIGN ELEMENTERNE OG KODEDE DET FRA BUNDEN. FOKUS ER PÅ FORMGIVNING AF GRAFISKE ELEMENTER OG SPÆNDENDE SPILDESIGN VED BRUG AF UI-ELEMENTER, FIGURER OG BAGGRUNDSDESIGN. SPILLETS GRAFIK BLEV UDVIKLET I ADOBE ILLUSTRATOR OG JEG LÆRTE AT ANVENDE AKTIVITETSDIAGRAMMER TIL PLANLÆGNING AF INTERAKTIVE FLOWS. TAGET DIREKTE((AT INTRODUCERE JAVASCRIPT OG BRUGE JAVASCRIPT SAMMEN MED CSS ANIMATION TIL AT SKABE ET LILLE SPIL. I UDVIKLER JERES EGET SPILDESIGN EFTER MODERNE KONVENTIONER OG RENTEGNER GRAFIKKEN TIL SPILLET I ADOBE ILLUSTRATOR. AT LÆRE AT FREMSTILLE INTERAKTIVE BRUGERGRÆNSEFLADER DER ENGAGERER OG MOTIVERER BRUGEREN.))

BESKRIVELSE

I TREDJE FORLØB ARBEJDEDE JEG MED JAVASCRIPT OG ADOBE ILLUSTRATOR FOR AT UDVIKLE OG KODE MIT EGET SPILDESIGN. JEG BRUGTE AKTIVITETS- OG STATEMACHINEDIAGRAMMER FOR AT HOLDE STYR PÅ MIT FLOW. FØR JEG DESIGNEDE ELEMENTER OG SPIL I ILLUSTRATOR, LAVEDE JEG SKITSER OG EN PAPER PROTOTYPE FOR AT TESTE MINE IDEER. I JAVASCRIPT LÆRTE JEG AT BRUGE EVENTLISTENERS TIL AT REAGERE PÅ HANDLINGER, F.EKS. EN "CLICK"-EVENT, DER UDLØSER EN "TILFØJ POINT"-FUNKTION. JEG ANVENDTE OGSÅ EN RANDOM NUMBER GENERATOR FOR AT FÅ SPILLEMENTER TIL AT FALDE TILFÆLDIGT FRA FORSKELLIGE POSITIONER ANGIVET MED CSS.TIL FREMVISNINGEN AF SPILLET LAVEDE JEG EN SURVEY MED LUKKEDE SPØRGSMÅL FOR AT VURDERE, OM FOLK FORSTOD SPILLETS FORMÅL OG ELEMENTER.

DOKUMENTATION
FIG. 01
VI STARTEDE MED IDEGENERERING
VI STARTEDE MED IDEGENERERING
FIG. 02
JEG TEGNEDE SPILBAGGRUND I ILLUSTRATOR
JEG TEGNEDE SPILBAGGRUND I ILLUSTRATOR
FIG. 03
DESIGN AF UI OG SPILELEMENTER
DESIGN AF UI OG SPILELEMENTER
FIG. 04
LAVEDE AKTIVITETSDIAGRAM I VSCODE
LAVEDE AKTIVITETSDIAGRAM I VSCODE
FIG. 05
OPSÆTNING I HTML
OPSÆTNING I HTML
FIG. 06
LAVEDE CSS-ANIMATIONER, SOM JEG SENERE KUNNE SÆTTE PÅ ELEMENTER I
          JAVASCRIPT
LAVEDE CSS-ANIMATIONER, SOM JEG SENERE KUNNE SÆTTE PÅ ELEMENTER I JAVASCRIPT
FIG. 07
I JAVASCRIPT KODEDE JEG SPILLET
I JAVASCRIPT KODEDE JEG SPILLET
FIG. 08
LAVEDE SPILREGLER I ILLUSTRATOR OG KOMPONENTER BLEV KODET
LAVEDE SPILREGLER I ILLUSTRATOR OG KOMPONENTER BLEV KODET
FIG. 09
KVALITATIV SURVEY I FORBINDELSE MED DIGITAL FERNISERING
KVALITATIV SURVEY I FORBINDELSE MED DIGITAL FERNISERING