THINKING OF ART. Saskia Freeke. Sonja van Fuure 29 OKTOBER 2015 CAST MEMBERS. HKU Games & Interactie

Transcriptie

1 THINKING OF ART Saskia Freeke Sonja van Fuure 29 OKTOBER 2015 CAST MEMBERS HKU Games & Interactie

2 INLEIDING STIJLKEUZE VERANTWOORDING We hebben specifiek voor deze stijl gekozen omdat we de oranje kleur wouden gebruiken van ons logo. Er was alleen een klein probleempje, deze kleur oranje paste niet op een lichte achtergrond en daarom hebben wij gekozen voor een donkere achtergrond. Verder wouden wij een isometrisch ontwerp, maar omdat onze game een 2D/3D combo was en de game meer te zien was vanuit een 2D perspectief, was het makkelijker om dit toch op een 2D wijze te communiceren op onze OnePageDesignDocs 30 oktober 2015 HKU Games & Interactie Page 2

3 DESIGN FOR SPACE ONE PAGE DESIGN EERSTE IDEE - TIM Een Arena game waarbij je geen wapens hebt maar alleen door elkaar heen kan dashen. Dash jij als eerst? Dan zul je de ander vernietigen en een punt verdienen voor jouw team. In mijn one page heb ik zoveel mogelijk aandacht besteed om gameplay elementen visueel uit te leggen, zo zie je in één oogopslag dat het 2 teams zijn omdat er 2 kleuren zijn. Ook door middel van opacity te gebruiken communiceer ik dat er tijd overheen gaat. Het duidelijk maken van een punt krijgen, heb ik gedaan door 2 keer +1 te laten zien waardoor je de link zelf in je hoofd legt. 30 oktober 2015 HKU Games & Interactie Page 3

4 ONE PAGE DESIGN EERSTE IDEE - PIOTR In Keyroam is jouw hand de speler, het idee is dat je toetsenbord het level is. Er is een bepaald pad voor jou gevormd die je niet kan zien. Aan jou is de taak om het goeie pad te vinden op het toetsenbord door goed te luisteren. Er zijn feedback geluiden voor als je een toets goed hebt, druk je een toets naast het goeie pad? Dan is hier ook een specifiek geluid aan gekoppeld afhankelijk van of je aan de linkerkant of rechterkant van de juist toets drukt. Als je er echt naast zit, dan heb je een out of bounds geluidje. Je hebt het level gehaald als je bij de finish komt. Aan de linkerkant staat info over de game, maar achteraf gezien bleek dat onnodig te zijn omdat het beeld voor zichzelf moet spreken. In het eerste ontwerp wou ik iets extra toevoegen aan het ontwerp en dat was toen de hexagon achtergrond, maar toch er voor gekozen om het weg te laten in de overige ontwerpen. 30 oktober 2015 HKU Games & Interactie Page 4

5 ONE PAGE DESIGN - SUB ONE PAGE DESIGN DOC TIM Een Arena game waarbij je geen wapens hebt maar alleen door elkaar heen kan dashen. Dash jij als eerst? Dan zul je de ander vernietigen en een punt verdienen voor jouw team. Hierin leg ik het level uit waarin de spelers zich bevinden. 30 oktober 2015 HKU Games & Interactie Page 5

6 ONE PAGE DESIGN - SUB ONE PAGE DESIGN DOC PIOTR De level screens van ons Design for Space project, het idee was om met de A en D toetsen te switchen tussen levels en je muis gebruiken om in en uit het level te gaan. Door middel van opacity geef ik aan welke toetsen gedrukt kunnen worden. Om duidelijk te maken hoe je in en uit een level kunt gaan, geef ik bepaalde muisknoppen een blauwe kleur. Dit is ook op deze manier uitgewerkt in onze prototype, behalve dat daar natuurlijk easing in zit. 30 oktober 2015 HKU Games & Interactie Page 6

7 ONE PAGE DESIGN OVERALL - TIM Het idee is dat je een normale 2D platformer speelt maar echter kan je ook uit het spel en het schilderij draaien maar ook kantelen. Dit heeft vervolgens effect op de 2D platformer die je speelt, zo kun je door het schilderij te kantelen de zwaartekracht beïnvloeden waarmee je dan weer verschillende puzzels kunt halen. Bij deze One Page heb ik ervoor gekozen om het in 2 stappen uit te leggen waardoor het grootste gedeelde van ons spel snel is uitgelegd. Vervolgens heb ik de rest uitgelegd door middel van pijlen lijnen. 30 oktober 2015 HKU Games & Interactie Page 7

8 ONE PAGE DESIGN OVERALL - PIOTR Dit zijn de gameplay mechanics van onze Design for Space (uitgangspunt game), ik heb ervoor gekozen om beide mechanics van het spel te communiceren in 1 afbeelding. Om bij je goal te komen, kun je de 2 e sprong niet halen. Je kunt het level alleen halen door het schilderij te draaien door je muis naar rechts te schuiven en op deze wijze de zwaartekracht van de 2D wereld, te beïnvloeden. In de eerste afbeelding geef ik aan dat je de 1 e sprong wel normaal kunt halen, maar de 2 e niet. In de 2 e afbeelding maak ik duidelijk dat je je muis naar rechts beweegt en dit gekoppeld is aan de rotatie van het schilderij en vervolgens in de 3 e afbeelding laat zien dat de speler naar beneden valt en het level behaald. 30 oktober 2015 HKU Games & Interactie Page 8

9 ONE PAGE DESIGN OVERALL UITGEWERKT - TEAM Zie vorige afbeelding We hebben ervoor gekozen om deze verder uit te werken door het visueel duidelijker te maken. Tijdens het vragen van Feedback aan anderen, was het niet helemaal duidelijk wat wij wilden communiceren. Toen hebben we samen de volgorde van hoe je alles leest aangepast, duidelijker gemaakt wat je moet doen om het schilderij te kantelen en de kleuren van de speler en je goal aangepast om ze sneller te kunnen zien. 30 oktober 2015 HKU Games & Interactie Page 9

10 REFLECTIE PLUSPUNTEN Verassende handige trucjes geleerd in Adobe Photoshop om de workflow te versnellen. Beweging in 1 frame communiceren. Samenhang van communicatie over de onepages, we waren het heel vaak eens over ontwerpkeuzes. Vanaf het begin een stijl afgesproken. MINPUNTEN Beter naar de leesvolgorde van het ontwerp kijken. Soms te pietje precies, maar uiteindelijk weegt dat wel op tegen een rustiger ontwerp. INTERESSANTE PUNTEN Het is lastig, maar ook uitdagend om zo kort mogelijk jouw concept te kunnen communiceren met zo weinig mogelijk middelen en visuele elementen. 30 oktober 2015 HKU Games & Interactie Page 10