04
VARIGHED: 4 UGER
(28/10/24 - 22/11/24)
LÆRINGSMÅL
- JavaScript
- SVG illustration & eksport
- Aktivitetsdiagrammer
- CSS animationer & transforms
- Introduktion to Git
- State Machine diagrammer
- Random og Math funktioner
- Don’t Repeat Yourself
- Lyd-optagelse og -redigering
- Audio web implementation
Målet med animationstemaet var at skabe et simpelt browser-spil, hvor gameplayet bestod i at klikke på de gode objekter, der bevæger sig ned fra oven, og undgå de dårlige. Spillet indeholdte funktioner som at holde styr på liv/hjerter, point og at afgøre, om man vinder eller taber baseret på ens præstation.
Selvfølgelig skulle alt også have animationer, og de illustrationer og assets, der blev brugt i spillet, skulle vi selv lave. Mit spil tog form som en "dating-simulator", hvor at en sød pige har ting, hun kan lide og ikke kan lide. For at vinde skal man opnå nok point ved at vælge de ting, hun kan lide, og undgå dem, hun ikke kan lide, inden for den fastsatte tid. Jeg skitserede mine assets i Clip Studio Paint, som er mit foretrukne software, og tegnede dem derefter som farvede svg-filer i Adobe Illustrator.
Jeg indspillede mine lydfiler i Adobe Audition og brugte royalty-fri musik til mit spil. Den mest udfordrende del af dette projekt var at kode HTML’en på en helt anden måde end det, vi tidligere havde lært, da containerne og klasserne animerede elementerne i stedet for at stå som selvstændigt indhold.
Jeg brugte Git til at holde styr på min fremgang og versioner for at dokumentere min arbejdsproces korrekt.