Jeres nye retning er bygget som en rigtig spilfigur: tegnet i kode, så den samme Kipo kører i spillet, i ikonet og på dette board. Han findes i tre koncepter, fem vinkler, otte animationer, syv udtryk og ni skins. Alt er testet i 32, 48 og 64 px oven på en labyrint.
Navn: Kipo (tidligere Mulle). To stavelser, samme udtale på dansk, engelsk og tysk. Brandlinjer: "Meet Kipo" og "Help Kipo find the way!"
Udgangspunkt
Fra jeres skitse til en figur, der kan spilles
Beholdt: rund gul krop, orange top, store brune øjne, brun rygsæk, små arme og ben, de syv udtryk og de seks skins.
Strammet: konturen er mørk og ensartet, så kroppen også står skarpt på lyse gulve og ved 32 px.
Forenklet: rygsækken er én form med én spænde. Remme og lommer forsvinder under 48 px.
Tilføjet: rigtige vinkler bagfra og fra siden, så rygsækken viser retningen, når Kipo går væk fra spilleren.
Tilføjet: en ren top-down-version til sammenligning. Den er ikke anbefalet (se Retninger).
Tre designforslag
Explorer, Mischief og Icon
Tre forskellige figurer, ikke tre farver. Hver er vist forfra, bagfra, fra siden og oppefra, som sort silhuet, i tre spilstørrelser og på vej gennem en rigtig labyrint. Scoren er vores vurdering. Den skal valideres i de eksterne spiltests.
Fire retninger + top-down
Rygsækken viser, hvor han er på vej hen
I spillet bruges fire sprites: forfra (ned), bagfra (op) og fra siden (højre, spejlet til venstre). Det er samme vinkel som jeres "In Game Examples". Står Kipo stille i over 1,6 sekunder, vender han sig mod spilleren.
Hvilken vinkel i gameplay?
Anbefalet: fire-retnings sprites (3/4-vinkel). Ansigt og udtryk ses i spillet, og retningen aflæses på rygsæk og profil.Ren top-down: retningen er tydelig, men ansigtet forsvinder. Figuren ligner et ikon mere end en karakter.
Produktion · model sheet
Sådan er Kipo bygget
Alle mål er i R, kroppens radius, så figuren kan tegnes i alle størrelser. Det er referencen for en illustrator, en animator og koden. Afviger noget fra arket, er det arket, der gælder.
Farver
Klik på en farve for at kopiere koden. Konturen er altid den mørkeste tone af delens egen farve, aldrig sort.
Regler
Kontur: 6 % af R på kroppen, 5 % på toppen. Mørkeste tone af egen farve.
Lys: kommer altid oppefra til venstre. Én hvid glans øverst til venstre på kroppen.
Skygge: én blød ellipse under fødderne, 0,85 R bred. Ingen skygger inde i figuren.
Øjne: to hvide ovaler, brun iris, to glimt. Glimtene sidder ens i alle udtryk.
Rygsæk: forfra ses kun remmene og en kant. Bagfra er den hele ryggen. Fra siden går remmen skråt over skulderen.
Deformation: squash og stretch højst ±22 %. Figuren roteres kun i sejrshoppet.
Mindste størrelse: 32 px i spillet. Under 40 px bruges Icon-udgaven til ikoner.
Tekst: aldrig tekst eller logoer på figuren. Sponsorer får en accessory, ikke et logo.
Gør / gør ikke
✓ Sådan ser Kipo ud✕ Sort kontur✕ Strakt eller klemt✕ Farver fra et andet skin blandet ind✕ Skæv eller roteret
Character Animation Bible
Otte tilstande, kun 2D-transformationer
Squash og stretch, hop, rotation, rystelser og udskiftelige ansigter. Ingen 3D. Hver tilstand kører live og vises som 6 billeder, klar til et sprite sheet.
Syv udtryk
Produktion
Sprite sheet
Fil kipo_explorer.png · billeder 64 × 64 px · 6 pr. række · 10 rækker: idle, gå forfra, gå bagfra, gå fra siden, drej, saml, stød, fare, sejr, fejl · ark 384 × 640 px (eksporteres også i 2× til Retina) · pivot midt i kroppen, fødderne på bundlinjen. Venstre er spejlet højre. Arket tegnes med samme kode som spillet, så de altid matcher.
Skins
Ni udgaver, samme silhuet
Skins skifter kun farver og én accessory. Silhuetten bevares, så Kipo altid er Kipo. Sponsorskins er tydeligt mærket og giver ingen fordele i spillet.
Visual game design
Læsbarhed først
Spillerens figur
Mulige ruter
Mål og nødvendige objekter
Forhindringer
Dekorationer
Væggene ligger på grænsen mellem felter, så en gang altid er et helt, frit felt. Hver genstand har sin egen form og viser sin tilstand. Dekorationer (blomster) sidder kun på hækkene og forveksles aldrig med noget, man kan samle.
Fælles stilregler for objekter
Lys: samme som Kipo, oppefra til venstre. Hvid glans øverst til venstre.
Kontur: 4 % af feltet, mindst 1 px, i objektets egen mørkeste tone.
Skygge: én blød violet-sort ellipse under objektet. Samme farve overalt.
Sikker zone: alt holdes inden for 84 % af feltet, så det aldrig rører hækkene.
Farve = betydning: guld er nøgle, lås og mål. Blå er diamanter. Lilla er magi: knap, magisk hæk og portal.
Bevægelse: det, man kan samle, svæver let. Ting, der står fast (dør, knap), står stille.
Sikker zone og bundlinje
Læsbarhedstest
Alle objekter i 32, 48 og 64 px, på et lyst og et mørkt gulv. Kipo står til sidst som reference.
Produktion
Objekt-sheet
Fil maze_objects.png · billeder 64 × 64 px, ét felt pr. billede · 8 pr. række · 9 rækker · ark 512 × 576 px (2× til Retina) · pivot i feltets midte. Transparent baggrund ved eksport. Tallet på målet tegnes ovenpå i spillet og er ikke med i arket.
Asset-liste
Asset
Billeder
Tilstande
Takt
Worlds and themes
Fem verdener, samme regler
Kun fire ting skifter mellem verdener: væggenes stil, gulvet, sporets farve og baggrunden. Objekterne ser ens ud overalt. Det er det samme system, som sponsorerede verdener bygger på.
Brand og app-ikon
Jeres logo, vores ikon
Logoet er jeres og bruges på forsiden af spillet. Baggrunden er fjernet, så det kan ligge på alle verdener.
Sejrsillustration i samme stil, til sejrsskærm og deling.
App-ikon og HUD-ikon i rigtige størrelser
Store ikoner bruger Explorer. Fra 40 px og ned skifter ikonet til den forenklede Icon-udgave, fordi øjne og rygsæk ellers bliver til støj.
Definition of Done · Sprint 3
Status mod briefen
Tre koncepter: Explorer, Mischief og Icon er forskellige i form, top, øjne og udstyr.
Silhuettest: alle tre kan kendes som sort silhuet forfra og fra siden.
32/48/64 px: testet på gulvfelter og i en labyrint, der kører live.
Fire retninger: forfra, bagfra, venstre og højre, plus ren top-down til sammenligning.
Animationer: alle otte tilstande med 2D-transformationer. De kører i spillet nu.
Anbefaling: A · Explorer i spillet. C · Icon til ikoner på 40 px og derunder.
Produktionsklar: model sheet med mål i R, farvekoder, stilregler, gør/gør-ikke, objekt-sheet og asset-liste.
Ikke gjort endnu: håndtegnet finish af en illustrator og test med børn. Figuren her er produktionsreferencen.