Sprint 3 · Character design · V5

Mød Kipo

Gul, modig og lidt fræk.

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

Jeres karakterskitse af Kipo med udtryk, skins og spileksempler
  • 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

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

  1. Spillerens figur
  2. Mulige ruter
  3. Mål og nødvendige objekter
  4. Forhindringer
  5. 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

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

AssetBillederTilstandeTakt
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

Maze Rush-logoet med Kipo

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