E-magazine: MOBA (Multiplayer Online Battle Arena) Afleveringsdato fredag 13.03 2015 DSK, JHI Anders Wetterstein www.anderswetterstein.dk a.wetterstein@gmail.com 1
Anders Lauridsen www.s733l.dk andrslauridsen@gmail.com Casper Christiansen www.casperrov.dk casper.christiansen1992@gmail.com Rasmus Seindal www.rasmus.seindal.nu rasmus@seindal.com Benjamin Heiden www.benjaminheiden.dk vp65hot@hotmail.com 2
Indholdsfortegnelse: Side 1... Forside Side 2... Signatur Side 3... Indholdsfortegnelse Side 4... Introduktion Side 5... Designbrief - Wireframes Side 6... Mock-ups / Logo Side 7... Logo Side 8... Logo Side 9... Baggrund og typografi Side 10... Wireframe Side 11... Opgaveliste Side 12... Opgaveliste Side 13... Gantt-kort Side 14... WBS Side 15... Konklusion 3
I denne rapport viser vi hvordan vi kom frem til resultatet af vores hjemmeside med vores e- magasin. Vi startede med at lave et opgave fordeling. Herfra vidste vi nemlig hvad hvem skulle lave, vi fik også lavet WBS, brainstorming, wireframes. MOBA-genren er opstået med inspiration fra den modificerede udgave af Warcraft 3, ved navn Dota (defense of the ancients) og der er derfor nogle fælles game-mechanics som alle spillene benytter sig af. Først og fremmest samler man et hold af 5 spillere, med henblik på det primære formål, nemlig at destruere modstandernes base. Måden man gør dette, er ved at man opdeler sit hold i de 3 "lanes", som man gradvist skal bane sig vejen igennem. Dette er dog ikke altid lige let, da modstanderne og deres minions prøver at forhindre dig i at nå dit mål. Derover finder man også nogle tårne langs disse "lanes", som uddeler store mængder skade til de fjendtlige heroes/enheder, som skulle komme for tæt på. Måden man optimerer sine chancer for at overvinde fjendens forsvar, er ved at tilegne sig guld og experience, hvilket kan foregå på flere forskellige måder. Når man møder modstanderne i sin lane, skal man prøve så vidt muligt at dræbe så mange fjendtlige minions som muligt. Formår man at dræbe flere minions end konkurrenterne, giver det en fordel, da drab resulterer i mere guld og experience. Men drab af minions er dog altid en andenprioritet, da den mest indbringende måde at få guld og experience på, er ved at slå modspillernes heroes ihjel (midlertidigt), da der er en størrere risiko for at du selv måtte miste din hero. Grunden til at det er altafgørende, at skaffe så meget guld som muligt, er at man med guld kan købe items, som på mange måder kan gøre din hero både hurtigere og stærkere. Experience bruges derimod til at levelle din hero op. Hver hero har nogle specifikke spells tilhørende og jo højere level du kommer, jo mere kraftfulde bliver disse spells. Indenfor Moba-genren har man altid mulighed for at lægge fortiden bag sig og tage ved lære af sine fejl, da det forrige spil aldrig har indflydelse på det næste. Et spil kan varer typisk fra 15 minutter til op mod 1 time. 4
Designbrief - Landing page Wireframes Vi havde følgende 2 måder vi ville lave landing pagen på. Det endelig resultat er det til højre, grundet at vi har brug transparent bokse til at indeholde tekst(hvor headeren på venstre i øvrigt også var transparent). Det var meget besværligt at arbejder med og vores logo er ikke særlig nemt at se som lille fordi det er flere objekter som er sat sammen og kræver derfor at det har en hvis størrelse. 5
Mock-ups: Mock-up fra vores landing page med forklaring i højre side. Man kan ligeledes se hvordan det passer på vores wireframe skitse. Valg af logo: Vi har udarbejdet flere logoer da vi gerne ville have en del symbolik ind over i forhold til den genre spillet befinder sig i(fantasy for det meste). Forskellige logoer: 6
Logo: Idéen med vores logo er symbolikken mellem at læse noget fra et e-magasin dvs. en bog, også en spellbook (magi bog) fra fantasy genren som der finder sted i stort set alle spil. Det første logo til venstre var vores første udkast men blev hurtigt droppet da vi ikke kunne finde nogen visual god måde at få sat ringen ind på. Herved tog vi fat i noget mere symbolik, og brugte en del tid i photoshop på at lave en portal(teleporterings kanal en portal er en portal der er er en øjeblikkel tidsrejse, dvs man kan komme fra a til b ved at træde ind i portalen øjeblikkeligt). Den bog med lilla/blå var første forsøg på at lave en portal, men et mislykkes forsøg da vi ikke rigtig kunne forme portal oval med de tools vi brugte(hovedsagtligt er der brugt Satin tool fra blending options). De 2 midterste og røde portaler er det færdig resultat hvor vi har valgt at bruge den helt røde portal. Portalen er lavet ud fra et omrids template af en portal: 7
Det der er blevet gjort ved den er at den er blevet duplikeret hvorefter gjort mindre og sat ind i midten. Derefter er der lavet en oval markering inden i midten af dem begge, og det hele er farvet rødt. Derefter har vi bruugt, inner shadow, inner glow og outer glow med røde og orange nuancer. Bogen er fra google og vi har skåret baggrunden ud og selv indsat teksten, bogen ser originalt således ud: Android og ios logoer: 8
Baggrund: Baggrunden har vi lavet i 1080x1920 og har en eller flere karakter fra hvert spil, fordelt samme bredde, hvorefter de er blevet delt med en sort line tool med shadow(blending options). Baggrunden er lavet til at passe med vores transparente indholdsboks på websitet således at man stadig kan se billedet. Typografi: Typografi til logoet har vi valgt at bruge en font der hedder Lemon/milk og er downloadet fra dafont.com. vi har brugt den font fordi der passer meget godt sammen med resten af logoet, og især bogen der har lidt tegnefilms agtig stil over sig. 9
Wireframes 10
Opgaveliste E-zine (Brainstorm) Website Hvad skal der være på forsiden? Opdeling diagonalt med screenshots af de forskellige spil. Skrå linjer for dynamik. Logo, enten centreret eller i et hjørne. Evt. kunne åbne e-magasin på hjemmesiden(forside?) Ikke en prioritet. Logo Mangel på visuelt element bag bogen. Evt. experimentere med former, center gradient, portal. 11
E-magasin Layout(baggrund(evt screenshots opdelt i skråkolonner med borders og/eller lign), tekst opsætning, 2 spalter, eller opdelt efter baggrunds ) Tekstboxe: pergament sider ligesom logoet. Forside Visuel teaser Indholdsfortegnelse Introduktionsside Introduktion til MOBA genren. Skal tekstuelt formulere hvad moba er og hvad man kan forvente. League of Legends - introduction/producent baggrund, gameplay, ranking system, score Casper, Rasmus Heroes of newerth - introduction/producent baggrund, gameplay, ranking system, score Benjamin Smite - introduction/producent baggrund, gameplay, ranking system, score Benjamin Dota 2 - introduction/producent baggrund, gameplay, ranking system, score Anders, Casper Heroes of the Storm - introduction(beta), gameplay, ranking system, score Rasmus, Anders W 12
Rapport Målgruppe analyse Forside Design brief(wireframes, skitser, brainstorm) Typografi Konklusion Ganttkort: 13
14
Konklusion: Vi stillede i vores problemformulering os selv til opgave at lave et magasin der kunne introducere unge for MOBA genren, og sørge for det fik en interesse i det. Det synes vi selv at vi har lykkes med, og vi har fået et e mag, der er både spændene og interessant. Alt i alt, et rigtig spændende projekt, hvor hele gruppens kompetencer kom i spil. Vi sørgede for at vi fra starten havde en god planlægning og fordeling af opgaverne. På grund af den gode planlægning, har vi derfor nået vores mål med opgaven og vi har fået lavet et e-mag som vi er tilfredse med. 15