Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

Transkript

1 REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

2 Forord Spil har altid været en stor del af mit liv, og har altid spillet meget Playstation, siden jeg var helt lille. Eftersom jeg blev ældre, begyndte jeg, at interressere mig mere og mere, for hvordan spillene fungerede, i stedet for bare at spille dem. Derfor faldt det mig også naturligt, at prøve og lave mit eget spil. Jeg begyndte med at læse om nogle forskellige Engines, som var gode til at starte med, da jeg ikke viste meget om det. Unity Unity var en fed Engine (Et program til at lave spil i) da det var et godt sted og starte og antallet af Tutorials der var på YouTube var overvældene. Jeg fandt en Tutorial serie, som forklarede, hvordan man kom godt i gang med et Top-DownShooter, som var det jeg ville lave. Ud over og skulle lære, og modeller og animere i D, skulle jeg også lære at kode i C++, og det ville kræve enorm meget tid, når man ikke havde nogen og spørge ud over Youtube og Google. Jeg lagde min ide til siden, og tænkte jeg skulle have fat i noget mere simpelt, og hvor jeg kunne fokusere mere på at lave et sjovt minispil, fremfor et grafisk flot spil. Brugte medier: Starten Til at starte med følte jeg mig virkelig frustreret, da det altid er besværligt og starte på noget nyt, da man ikke kan finde hverken hoved eller hale i det. Jeg startede med at kigge programmet Gamesalad igennem, hvor jeg kunne se mig ud og nogle ting, og andre ting virkede bare uoverskuelige. Derefter begyndte jeg og sidde og kigge tutorials igennem på Youtube. Jeg fandt en del forskellige, som jeg kiggede igennem, før jeg begyndte på mit projekt. Tutorials Der er rigtig mange tutorials ude på nettet, og blandt andet Youtube har mange videotutorials, som kan hjælpe en meget, da man hele tiden kan stoppe, og spole så man kan få alt med. Google er også en rigtig god løsning når man løber ind i et problem og en side jeg fik god brug af var Stack Overflow. Stackoverflow giver løsninger på alt mellerm inden for web. Gamesalad Gamesalad vil jeg ikke rigtig kalde for en Engine, da det køre med et Drag n Drop system, som gør, at man ikke skal kode. Det gør jo selvfølgelig, at det er meget begrænset i forhold til Unity. Man kan for eksempelvis kun lave spil i D. Det gjorde ikke så meget, da jeg bare ville lave et simpelt spil. Gamesalad var et godt sted og starte, for selvom det var meget begrænset, så fik man alligevel en idé om hvordan spil generalt fungere. Brugte medier:

3 GameSalad Spil Project Menu GameSalad er et meget primitivt spilprogram og det er også det der gør det dejligt let og bruge. Jeg vil gennemgå programmet meget hurtigt så du kan få en lille ide om hvordan det fungere. Der er meget mere til programmet end der bliver vist her, men vil kræve mange sider så har kan valgt de mest betydelige ting ud Navn på dit spil. Hvilken platform vil du bruge. Afprøv dit spil. Afprøv i HTML5 5. Udgiv 6. Føre til denne menu 7. Føre til scener 8. Føre til Tables 5. Her kan alle mine Scenes ses (Scene er en bane eller menu der er i spillet). Frem/tilbage. Spillets størrelse Menu Menu Menu Mekanikken bygger på et drag n drop system, hvor du vælger den Rule, du skal bruge og derefter trækker den over på din Actor. Hvis det er en Animation rule du sætter på, så justere du retningen og farten til det passer. Der er mange Rules og vælge mellem, f.eks. Change Scene, Accelerate, Time og en masse andre. Den rule du kan se på billedet, er den der bestemmer hvor lang tid du har til at slå på figuren. Menu Menu Mekaniken Menu. Actors bibliotek (Actors er de objecter man sætter regler på). Her placere man sine Actors. Image bibliotek Menu. Actor image. Rules er det der bestemmer hvad Actors gør som f.eks. en animation. Her ses en liste over de forskellige atributes (atributes gør så de forskellige actors kan finde hinanden). Her ses der en lang liste over nogle af de forskellige rules man kan sætte på en actor Ideen Jeg vidste ikke helt hvad jeg skulle lave til at starte med, ud over at jeg havde en del forskellige ideer. Jeg lavede - spil hvor jeg lærte det fundementale i Gamesalad. Swipe Away Swipe Away gik ud på at man skulle skynde sig, og få de faldene pile til hver sin side, og så skulle de falde hurtigere og hurtigere. Brainstorm Jeg lavede en Brainstorm for at finde ud af alt hvad jeg tænkte på, når det kom til mobilspil. Brugte medier: Dont press the Button Dont press the button går egentlig ud på at du ikke skal gøre noget, for hvis du trykker på knappen, sprænger du jorden i luften. 5

4 Mind Mechanic Development logo Who would you smack for a new record? logo Alle spil starter ud med at vise hvilket firma, der har lavet spillet. Så jeg lavede et fiktivt firma logo, til at repræsentere mit spil firma. Jeg ville have logoet til at være komisk, da spillet i sig selv er voldigt, men på en mere komisk måde, da det ikke virker så skadeligt og mere børnevenligt. Navnet blev til Mind Mechanic. Jeg kunne godt lide navnet, da det kunne relateres til spil. Tandhjulene symbolisere hjernen der hele tiden køre rundt. Font valg Jeg valgte de to fonte da de var nemme og læse og havde runde former som får fonten til at virke mere venlig og komisk. Font valg Jeg ville have logoet til at se proffessionelt ud, og valgte derfor en simpel font, uden serifer, da det hurtig giver fonten en ældre stil, og ville heller have et moderne look. News Gothic, Medium Font str.: 9 pt Skydning: 5 pt 6 Matura MT Std, Regular Font str.: 6 pt Skydning: 0 pt News Gothic, Medium Font str.: 9 pt Skydning: pt News Gothic, Medium Font str.: pt Skydning: 0 pt Motter Corpus Std, SemiCondensed Font str.: 5 pt Skydning: 0 pt 7

5 Who Would You Smack For A New Record Who Would You Smack For A New Record, er et spil jeg synes der var sjovt, da jeg fik mulighed for at bruge mine tegne egenskaber, plus at der er en vis humor i spillet jeg synes godt om. Spillet er ret simpelt, og det jeg synes der gøt det sjovt, var og se om folk kunne få sig selv til, at slå på de gode frem for de onde, Jeg startede ud med at lave en masse forskellige tegninger, af hvordan personerne man skulle slå på, kunne komme til at se ud. Spillet Animation Der er ikke meget animation i spillet, men når du slår figuren så skifter billedet, og når du har tævet figuren længe nok, bliver den medtaget af alle slagene. Der er 7 forskellige figure, som kommer skiftevis når du trykker på prøv igen knappen. Det som spillet går ud på, er om du vil slå en ny rekord, ved at slå den næste figur der bliver vist. Der er i alt 7 forskellige figure, men med mulighed for mange flere. Tegninger Jeg startede med at tegne figuren i Illustrator, og derefter åbne den i Photoshop, hvor jeg farvelagde tegningen og rettede småfejlene da jeg brugte Brush værktøjet, og det værktøj giver en masse fede runde streger, som man godt vil have skarpere. Photoshop værktøjer brugt: Illustrator værktøjer brugt: Move tool Move tool Wand tool Brush tool Brush tool Pencil tool Eraser tool Zoom tool Paint Bucket Zoom tool Hand Tool Brugte medier: 8 + 9

6 Menu skitser Der skulle også laves nogle forskellige menuer til spillet, så folk nemt kunne navigere rundt. Der er tre menuer, hovedmenuen, hvor man kan vælge mellem START eller INSTRUCTIONS. Du kan også slå musik fra eller til. Under INSTRUCTIONS menuen kan man læse om, hvad man skal gøre i spillet. Den sidste menu er menuen efter spillet, hvor du kan genstarte spillet eller komme tilbage til hovedmenuen. På denne side ses nogle af skitserne jeg har lavet til menuerne. Menuer Menuerne Her ses så hvilke menuer jeg valgte, og bruge i spillet. De menuer under her ser ganskevisdt, lidt anderledes ud end, når det er du er inde i spillet, men det er fordi under alle exporteringerne af spillet, til browser kom billedet af marken ikke med Det blev meget lyse farver jeg valgte, da spillet skulle have en positiv tilgang. Spillet går jo ud på, at man skal slå nogle i hovedet, men ved hjælp af runde former og lyse farver, går det hen og bliver mere komisk, og man tænker ikke over den vold som faktisk er i spillet. Logo Navigations knapper Musik fra/til Instuktioner til spillet Opstarts logo til firmaet Din sidst spillet score og highscore 6 5 0

7 Home hammerslag Home hammerslag er et spil jeg lavede i HTML 5, da jeg også godt ville vise at jeg godt kunne kode, da det andet spil er lavet i et program, som ikke har noget med medie grafiker uddannelsen og gøre, også derfor jeg ikke viser nogle skitser eller brainstorm. Home hammerslag er et simpelt gætte spil, hvor du skal gætte hvad boligen er sat til salg til. Du skal derefter være i stand til at komme ind på hjemmesiden, og læse mere om den bolig du har gættet på, hvis det nu er du er ude og lede efter et hjem. Hvis det ikke er noget for dig, så klikker du bare videre og der kommer en ny bolig. Kort Det jeg havde tænkt med denne side, var at man skulle kunne filtrere, hvor spillet ville finde boligere henne. Så hvis du kun søgte i f.eks. Århus, så kom der kun boliger op, som var i Århus eller omegn. Som det ser ud nu, er der ikke blevet gjort meget ved denne side, så man kan ikke rigtig bruge denne funktion. Du kan prøve spillet ved at klikke på det billede af mig der er ude i hovedmenuen. HTML 5 Den første menu her er der ikke noget specielt ved, men spillet er lavet i et responsivt design så den passer både til tablet og telefon. CSS Som det ses så er det responsivt lavet ved hjælp af %, som gøre at den er hele tiden følger skærmens størrelse. Hjælpe kasse Mange professionelle bruger ikke Dreamweaver, da de synes der er for mange kanpper og funktioner som du kan trykke på. Personlig har jeg kun lært og kode i Dreamweaver, men jeg kan godt lide programmet da det gør det mere grafisk og kode. Billedet til højre viser en hjælpe kasse man har i den ene side af programmet, som hjælper en til at holde styr på sit CSS, og sin mappestruktur. Dette er CS6. I det nye CC ser det meget anderledes ud, og kræver en del tilvendning.

8 Spillet Nu er vi så kommet til spillet og indtil videre har der ikke været noget imponerende HTML kodning men det er her det bliver lidt tricky. Form Gætte kassen er lavet som form. Alle tre ting på denne side arbejder sammen. Randomizer Indtil videre er der kun boligere man kan gætte på, men det som randomizeren gør, er at når du gætter på en bolig og klikke videre, så bliver der valgt en tilfældig af de sider jeg har lavet. Flexslideren Dette er det der gør at billederne bliver vist. Denne flexslider fungere også med swipe, så den er hurtig og nem og bruge på telefon. Der er en del Javascipt i det her, og består af rigtig mange koder så har kun vist noget afdet mest basale. Det skal lige siges, at jeg ikke har kodet alt det her men taget det fra dygtige programmør. Det jeg har lavet, er og sætte det hele op, så det stemmer overens med hinanden. Modal Modal var helt sikkert det sværeste til at få til og virke. En modal er det vindue der popper op, når klikker på gæt knappen. Gættespillet Her ses det script jeg har brugt til at definere boligens pris. Spillet her har krævet en del Javascript. Den røde pris definere boligens pris. HTML Script 5

9 6