2005:128 SHU
E X A M E N S A R B E T E
Grafik till Javaspel och Animerad Film
Harriet Snellman
Luleå tekniska universitet Datorgrafik
1 Luleå tekniska universitet - Institutionen i Skellefteå
Bachelor’s degree in Computer Graphics (CG), 180 ECTS Handledare: Marcus Wikars, Sveng.com
Examinator: Patrik Holmlund, Ltu
Grafik till Javaspel och Animerad Film
Harriet Snellman
Förord
Det här examensarbetet är det sista momentet i den treåriga
datorgrafiksutbildningen vid Luleå Tekniska Universitet, institutionen i Skellefteå.
Examensarbetet har pågått i tio veckor och har utförts på Sveng.com, Vasa, Finland.
Marcus Wikars har varit min handledare under den här tiden och jag vill tacka honom för goda råd, roliga arbetsuppgifter och gott kaffe.
Vasa, maj 2005 Harriet Snellman
3 Abstract
This report is mainly about graphics for java games for mobile phones. The mobile game industry has grown rapidly in the five past years and the demand for better graphics and more complex gaming ideas has grown in the same pace as the mobiles´ better displays and increased capacity.
However, the possibilities are still very limited. The graphics for mobilegames have to be made in a clearer and more conventionalized way, compared to PC- and consol-graphics.
The exam work was made at Sveng.com and contains graphics for three different mobilegames and pictures for an animated movie.
Sammanfattning
Föreliggande examensarbete handlar till största del om grafik till javaspel för mobiltelefoner. Mobilspelsindustrin har ökat snabbt de senaste fem åren och kraven för bättre grafik och mera invecklade spelidéer har växt i takt med mobiltelefonernas bättre displayer och ökade kapacitet.
Emellertid är möjligheterna ännu väldigt små. Grafiken för mobilspel måste göras på ett klarare och mera stiliserat sätt, jämfört med PC- och konsol-spelgrafik.
Examensarbetet gjordes på Sveng.com och innehåller grafik för tre mobilspel samt bilder för en animerad film.
5 Innehållsförteckning
Förord 2
Abstract 3
Sammanfattning 4
1. Introduktion 6
1.1 Uppgifter, mobilspel 6 1.2 Uppgifter, animerad film 7 2. Genomförande och resultat 8 2.1 Coppers “Jiffacola Junkies” 8
2.2.Cargo Mayhem 10
2.3.Vikings 12
2.4. Himmelsresan 14
2.5 Resultat 16
3. Diskussion 17
Referenser 18
1. Introduktion
Datorgrafikerns arbetsuppgifter är oftast resultatinriktade. Därför vill jag presentera mitt examensarbete som uppgifter med resultat.
Min första uppgift på Sveng.com var att göra en 16* 16 pixlar stor bild på en polisbil. Den skulle användas som ikon till deras spel Coppers, “Jiffacola Junkies”. Det tog mig hela dagen att göra bilden, som jag vid ett senare tillfälle ändå gjorde om.
Följande uppgifter fick jag under de kommande 10 veckorna.
1.1. Uppgifter, Mobilspel:
− Grafik till tre mobilspel skulle göras, ca. 90 bilder per spel.
− Bilderna skulle vara en bestämd storlek (de flesta under 16*16 pixlar eller mindre.)
− Vissa bilder skulle gå att repetera, men skulle ändå kännas varierade i färg och struktur.
− Vissa objekt och figurer skulle vara animerade.
− Menyer skulle planeras.
− Design skulle planeras.
− En font skulle ritas
I arbetet ingick diskussioner om idéer och analysering av spelen.
Att testa spelen var också en viktig del av arbetet.
Grafiken gjordes i flera varianter för att passa alla mobiltyper, totalt skulle det finnas grafik som passade till ca. 80 mobiltelefonsmodeller.
Ibland plockades också en del texturer bort eller lades till för att anpassa spelet till telefonmodellen.
De här telefonerna gjordes spelen till:
Nokia serie 40 o 60
Ericsson K500 o K610 o liknande modeller Siemens
Motorola Samsung Viktigt:
− Grafiken skulle ge en känsla för spelet
− Texturerna skulle ge en tredimensionell känsla.
− Skuggor skulle överrensstämma.
− Historik, spelets berättelse skulle överrensstämma med grafiken.
− Hålla strukturerad dokumentation över idéer, bilder och spelkoncept.
7 1.2. Uppgift, Animerad film:
Under sommaren kommer en kort animerad film att göras på Sveng. com.
Det behövdes bilder för att presentera filmen.
Karaktärernas utseende skulle planeras.
Viktigt:
− Skisser skulle göras innan 3d arbetet påbörjades.
− Modeller, miljöer och händelser skulle överrensstämma med manus.
− En känsla för berättelsen och dess karaktärer skulle framgå.
− Karaktärerna skulle ha ett utseende som var lätt att animera.
− Ljussättningen och skuggor var mycket viktiga eftersom filmen till största del utspelar sig på natten.
2. Genomförande
2.1.Coppers “Jiffacola Junkies”
Ikon, Harriet Snellman
Coppers är ett bilspel där spelaren jagar skurkar. Spelaren får uppgifter av chefen, den första är givetvis att hämta munkar. Så småningom dras man in i vildare biljakter och skumma smugglingshistorier.
Grafiken till Coppers var ganska klar, sista finputsningen skulle göras, det mesta som ändrades var färger och tydlighet i bilderna. Bilderna gjordes i Photoshop CS och sparades som .png-filer för att komprimera storleken på bilderna maximalt. Bilderna togs sedan in i en java-editor, gjord på Sveng.com och placerades ut på Coppers stadskarta. Det fanns olika värden att ge bilderna i editorn, som definierade hur bilen spelaren kör reagerar på underlaget. Gräset skulle t.ex. vara halare och gå långsammare att köra på. Vatten sjönk spelarens bil ner i och sand var tungt att köra i.
Startbild, Marcus Wikars
9 Editor för Coppers gjord av Magnus Holtlund, kartan för Nokia S60.
Till Coppers behöves det göras olika versioner av grafiken till de olika telefontyperna, Nokia S60, Nokia S40 och Motorola.
S60 kan hantera mest grafik.
Till Motorola gjordes också skilda kartor över bilarnas rotation. Motorola telefonerna tar bilden och delar upp den och spelar sedan upp delarna i en bestämd ordning för att simulera rotation.
Exempel på roteringskartor för Motorola telefoner, Marcus Wikars,
Harriet Snellman
2.2. Cargo Mayhem
Cargo Mayhem, (arbetstitel), är ett lådspel, där spelaren ska knuffa rätt färgers lådor på rätt bilflak. Allt ska göras snabbt och i tid, innan flygplanet har hunnit lyfta.
I Cargo Mayhem användes en annan metod gällande grafiken i spelet. Alla bakgrundsbilder ska gå att repetera för att de ska kunna bygga upp olika banor i spelet. Det finns 20 banor. Banorna är förutbestämda, det är definierat hur de ska se ut, och texturerna skulle passa till alla.
Inspiration till spelets grafik av Sumea/digital chocolate “Fantasy warrior 2:
Good”, på internet [1]
Cargo Mayhem, screenshot Harriet Snellman,
Marcus Wikars
11
Karaktärsanimering, Harriet Snellman
Startbilden till mobilspelen gjordes i 3-D miljö och renderades sedan ut för att korrigeras i Adobe Photoshop CS.
Det var inte så viktigt med noggrann modellering eftersom bilderna som störst kommer att visas 176*208 pixel stora (på Nokia S60).
.
Modell gjord i Alias Maya, Harriet Snellman
Startbild, Marcus Wikars
2.3. Vikings
Vikings, planeringsbild, Harriet Snellman
Vikings, (arbetstitel), kommer att bli ett strategispel som utspelar sig på vikingatiden, det gäller för spelaren att vara smart och erövra saxernas landområden.
Programmeringen för det här projektet har inte startat än, men spelidén är noggrant planerad.
Kartan i spelet kommer att slumpmässigt ritas upp enligt svårighetsgraden, därför måste alla texturer som inte är rörliga passa in med varandra och gå att rada bredvid varandra.
De flesta texturer är 16*16 pixlar stora. I krigsslag kommer kartan att gå över till ett slagfält och då kommer krigare (också 16*16 pixlar stora) att vara animerade i tre olika bilder per person. Det finns sex olika slags krigare.
Information om vikingar hittades på Internet [2], [3].
13 Vikingar, animationsplaneringar, Harriet Snellman
Ibland känns pixelgrafik som korsstygnsmönster.
Modell i Maya, förslag på startbild, Harriet Snellman
2.4. Himmelsresan
Himmelsresan, testrendering, Harriet Snellman
Himmelsresan, (arbetstitel), kommer att bli en animerad kortfilm ca 8 min. Den handlar om en flicka som får träffa sin döda pappa. Bilder skulle göras på hur filmen skulle kunna se ut.
Modellerna o renderingen är gjorda i Alias Maya 6.0 och redigering av bilderna i Adobe Photoshop CS.
Himmelsresan, arbetsbild, Harriet Snellman
15 Himmelsresan, färdiga bilder, Harriet Snellman
2.5 Resultat
Resultatet för det här examensarbetet är fungerande spelgrafik för tre stycken mobilspel, Coppers, Cargo Mayhem, Vikings, samt bilder och förslag på
modeller/utseende på karaktärer och miljö till den kommande animerade filmen
“Himmelsresan”.
Personligt resultat är ökad kunskap om produktionsmiljön inom spelföretag.
17 Diskussion
Spel i alla former kräver en viss utformning, visuell, verbal, eller skriftlig. Den utformning som vi har studerat på grafikerlinjen är givetvis mest det visuella uttrycket.
Mobilspel med sina visuella begränsningar har gett mig nya utmaningar och uppmärksammat mig på det viktiga i att ett spel fungerar bra redan på idéstadiet.
Då det gäller grafiken är förenkling i både valör och kulör viktigt, eftersom det gör spelen klarare.
Det enklaste sättet att göra pixelgrafik är att först rita en större bild som sedan minskas ner till rätt storlek. Efter ett tag går det också att rita direkt i “rätt” storlek.
Det är ganska roligt att det inte syns vad bilden föreställer när den är förstorad.
Och det ryms ganska mycket på 16*16 pixlar.
Testningen av spelen var väldigt viktig eftersom det lätt kan bli fel
svårighetsgrad på enkla spel. Vi som arbetat med spelen (Marcus Wikars, Magnus Holtlund och jag) testspelade på hyrda telefoner av alla varianter för att se hur spelen fungerade. Efteråt testades spelen på flera personer.
När vi arbetade med Cargo Mayhem gjorde Marcus Wikars en del av grafiken, bilar, vagnar och jag gjorde bakgrund, karaktär och lådor. Det blev en liten stilkrock eftersom vi hade arbetat samtidigt utan att se på vad den andra gjorde, men det löste sig så småningom med lite ändringar från båda håll. Coppers arbetade vi också båda två med, men då arbetade vi vid skilda tillfällen och resultatet blev bra på en gång. Slutsatsen jag kom fram till är att det inte räcker med att komma överrens om hur något ska se ut endast med ord, det behövs bilder. I övrigt fungerade arbetsgruppen mycket bra.
Spelen kommer att kunna köpas så småningom bland annat på Jamba. [4]
Referenser
[1] ( Link: http://www.sumea.com/fantasywarrior2good/ ) [2] (Link: http://en.wikipedia.org )
[3] (Link: http://www.commersen.se/vikingar/ ) [4] (Link: http://www.jamba.se/ )
