SaueSpiseSpillet. Også en annen grunn til vi valgte SaueSpiseSpillet var at ingen av oss er spesielt flinke med grafiske tegninger.

Transkript

1 SaueSpiseSpillet VI har laget et spill som heter SaueSpiseSpillet. Det går ut på at du styrer en ulv ved hjelp av piltastene, og skal spise sauene til bonden for å overleve. Du skal igjennom forskjellige leveler, og møter verre motstand etter hvert som du kommer videre. Grunnen til vi valgte dette spillet, var at vi ville ha et plattform-spill. Vi hadde lyst til å lage et enkelt spill som de fleste kjenner til. Litt av det samme som Packman. Det skal være enkelt å spille og forstå. Vi tenkte også originalitet. Og temaet vi har valgt tenkte vi ikke kunne bli mer originalt. En bonde som mister sauer p.g.a. ulvene som spiser sauene deres. Også en annen grunn til vi valgte SaueSpiseSpillet var at ingen av oss er spesielt flinke med grafiske tegninger. Det vi syns spillet vårt ikke skiller seg ut av fra liknende produkter. Men det var også et av målene våre. Å ikke lage et vanskelig spill som de aller fleste kan forstå. 1

2 Innholdsfortegnelse Introduksjon 1 Innholdsfortegnelse 2 Screenshots 3-8 Kode 9-14 Beskrivelse av kode Skryteliste 17 Ressurser og hjelp 17 Feil/utviklingsplan 17 Arbeisdprosess & Konklusjon

3 Her er første bilde. To valg enten spille eller se instruksjoner. 3

4 Videre i spillet har du level 1. Level 2. Og videre fortsetter det med flere bomber. 4

5 Instruksjons-framene Videre 5

6 Videre Videre 6

7 Videre Videre 7

8 Om du klarer spillet, får du opp denne siden: Om du ikke klarer spillet, får du denne siden: 8

9 Kode Hvordan er spillet laget(teknisk). Frame 1 stop(); function spill(evt:mouseevent) gotoandstop(2); stage.focus=stage; function instruksjoner(evt:mouseevent) gotoandstop(9); stage.focus=stage; btninstruksjoner.addeventlistener(mouseevent.click, instruksjoner); btnplay.addeventlistener(mouseevent.click, spill); Detter Actionscript koden fra frame 1. 2 funksjoner, spill eller instruksjoner. Det er 2 knapper på frame 1, som er valgene du kan ta. Den ene går rett til spillet, mens den andre ber deg gå til frame 9, hvor instruksjons-framene ligger. Frame 2 I frame 2 ligger hovedkoden for hele spillet: var vegger:array = newarray (vegg1,vegg2,vegg3,vegg4,vegg5,vegg6,vegg7,vegg8,vegg9,vegg10,vegg11,vegg12,vegg13); var SaueListe:Array = new Array(); var BombeListe:Array = new Array(); var gammelulvx:number = ulv.x; var gammelulvy:number = ulv.y; var gammelulvrotation:number = ulv.rotation; var t:timer = new Timer(150); t.start(); var nedteller:int = 100; var sultopprinnelig:number = sult.width; var spistsau:int = 0; var antallliv:int = 3; function tikke(event:timerevent) nedteller--; nedteller = Math.max( Math.min(nedteller,100), 0); sult.width = nedteller*(sultopprinnelig/100); if(nedteller == 0) 9

10 nedteller += 100; ulv.x = gammelulvx; ulv.y = gammelulvy; ulv.rotation = gammelulvrotation; antallliv--; var oldscalex=ulv.scalex; var left:boolean = false; var right:boolean = false; var up:boolean = false; var down:boolean = false; for(var i:int=0;i<7;i++) if(i == 1) var b:bombe = new Bombe(); b.width=20; b.height=15; b.x = 200; b.y = 375; addchild(b); BombeListe.push(b); var s:sau = new Sau(); s.width=40; s.height=20; s.x = Math.random()* Sauomrade.width; s.y = Math.random()* Sauomrade.height; Sauomrade.addChild(s); SaueListe.push(s); var speed:number = 0; function flytt(evt:event) var oldx:number = ulv.x; var oldy:number = ulv.y; var oldrotation:number = ulv.rotation; //Henter ut kordinatene til ulven. var vinkel:number = ulv.rotation*(math.pi/180); var dx:number = Math.cos(vinkel); var dy:number = Math.sin(vinkel); ulv.scalex=oldscalex; if(nedteller<=100) speed = 2; if(nedteller<=75) speed = 4; if(nedteller<=50) 10

11 speed = 6; if(nedteller<=25) speed = 8; if(up==true) ulv.x +=dx * speed; ulv.y +=dy * speed; if(down==true) ulv.x -=dx * speed; ulv.y -=dy * speed; if(left==true) ulv.rotation-=speed; if(right==true) ulv.rotation+=speed; for each(var v:movieclip in vegger) if(hittestobjectperfect(ulv,v)!=null) ulv.x = oldx; ulv.y = oldy; ulv.rotation = oldrotation; if(currentframe >= 3) ulv.x = gammelulvx; ulv.y = gammelulvy; ulv.rotation = gammelulvrotation; antallliv--; for each(var b:movieclip in BombeListe) if(b.visible==true && hittestobjectperfect(b,ulv)!=null) ulv.x = gammelulvx; ulv.y = gammelulvy; ulv.rotation = gammelulvrotation; antallliv--; for each(var s:movieclip in SaueListe) if(s.visible==true && ulv.hittestobject(s)==true) s.visible=false; 11

12 spistsau++; if(nedteller + 10 > 100) nedteller = 100; else nedteller += 10; if(spistsau == 7) gotoandstop(3); if(spistsau == 14) gotoandstop(4); if(spistsau == 21) gotoandstop(5); if(spistsau == 28) gotoandstop(6); if(spistsau == 35) //Fjerner Alle addeventlistener når du er ferdig med spillet. t.removeeventlistener(timerevent.timer, tikke); stage.removeeventlistener(event.enter_frame, flytt); stage.removeeventlistener(keyboardevent.key_down,tasttrykket); stage.removeeventlistener(keyboardevent.key_up, tastsluppet); for each(var bomber3:movieclip in BombeListe) removechild(bomber3); gotoandstop(7); if(antallliv == 0) t.removeeventlistener(timerevent.timer, tikke); stage.removeeventlistener(event.enter_frame, flytt); stage.removeeventlistener(keyboardevent.key_down,tasttrykket); stage.removeeventlistener(keyboardevent.key_up, tastsluppet); for each(var bomber2:movieclip in BombeListe) removechild(bomber2); gotoandstop(8); if(txtliv!=null) txtliv.text = String(antallLiv); 12

13 function tasttrykket(evt:keyboardevent) if(evt.keycode==keyboard.up) up=true; else if(evt.keycode==keyboard.down) down=true; else if(evt.keycode==keyboard.left) left=true; else if(evt.keycode==keyboard.right) right=true; function tastsluppet(evt:keyboardevent) if(evt.keycode==keyboard.up) up=false; else if(evt.keycode==keyboard.down) down=false; else if(evt.keycode==keyboard.left) left=false; else if(evt.keycode==keyboard.right) right=false; //Fra: function hittestobjectperfect(object1:displayobject, object2:displayobject, pixelperfect:boolean=true, tolerance:int = 255):Rectangle // quickly rule out anything that isn't in our hitregion if (object1.hittestobject(object2)) // get bounds: var bounds1:rectangle = object1.getbounds(object1.parent); var bounds2:rectangle = object2.getbounds(object2.parent); // determine test area boundaries: var bounds:rectangle = bounds1.intersection(bounds2); bounds.x = Math.floor(bounds.x); 13

14 bounds.y = Math.floor(bounds.y); bounds.width = Math.ceil(bounds.width); bounds.height = Math.ceil(bounds.height); //ignore collisions smaller than 1 pixel if ((bounds.width < 1) (bounds.height < 1)) return null; if (!pixelperfect) return bounds; // set up the image to use: var img:bitmapdata = new BitmapData(bounds.width, bounds.height, false); // draw in the first image: var mat:matrix = object1.transform.concatenatedmatrix; mat.translate( -bounds.left, -bounds.top); img.draw(object1,mat, new ColorTransform(1,1,1,1,255,-255,-255,tolerance)); // overlay the second image: mat = object2.transform.concatenatedmatrix; mat.translate( -bounds.left, -bounds.top); img.draw(object2,mat, new ColorTransform(1,1,1,1,255,255,255,tolerance),"difference"); // find the intersection: var intersection:rectangle = img.getcolorboundsrect(0xffffffff,0xff00ffff); // if there is no intersection, return null: if (intersection.width == 0) return null; // adjust the intersection to account for the bounds: intersection.offset(bounds.left, bounds.top); return intersection; else return null; stage.addeventlistener(event.enter_frame, flytt); t.addeventlistener(timerevent.timer, tikke); stage.addeventlistener(keyboardevent.key_down, tasttrykket); stage.addeventlistener(keyboardevent.key_up, tastsluppet); 14

15 Beskrivelse av kode Det første som gjøres er at man legger vegger, bomber og sauer i lister. Og lager variablene, antallliv, sauspist. Så setter vi opp timeren til 150 millisekunder. Der har vi en variabel nedteller som minskes med 1 for hver 150 millisekund. Og den refererer til sult-firkanten sin vidde. Så plasserer vi ut bomber og sauer i hovedsena og legger dem i de tomme listene BombeLista og SaueLista. Så lager vi en variabel speed til å være 0. Deretter indikerer vi hva som skal skje hvis en av piltastene er trykket. For eksempel, hvis høyre piltas er trykket skal ulven bevege seg i x retningen etter hva speed er satt til. Og vi har sagt at speeden på ulven skal følge nedtelleren. For nedtelleren representerer hvor sulten ulven er, og hvis nedtelleren er lav jo fortere går ulven. Og hvis nedtelleren er stor går ulven sakte. For at vi skal vite hvilken knapp er trykket har vi laget fire bolske variabler som er satt til false. Up, down, right og left. Så har vi laget to funksjoner som heter tasttrykket og tastsluppet. I funksjonen tasttrykket sjekker vi om hvilken knapp som er trykket. Hvis da right er trykket ned blir den bolske variabelen right true, og fullfører koordinatene right. For hver gang du trykker en av piltastene, blir det testet om ulven treffer enten vegger, bomber eller sauer. Om den treffer en av de vil det får konsekvenser. I første level er det normale vegger, og skal ikke kunne klare å gå igjennom dem. Men etter frame 3 (currentframe <=3) skal det skje noe annet. Da skal ulven miste et liv og starte på nytt i samme level som han døde i(antallliv -1, og Setter ulven tilbake til sine gamle koordinater). Hvis ulven treffer en bombe, skal ulven miste et liv og skal tilbake til start i samme level. Men om ulven treffer en sau skal variabelen sauspist øke med 1 og nedteller skal øke med 10. Fordi når ulven spiser en sau blir ulven mettet og har mer krefter. Variabelen nedteller kan ikke gå over 100, og gjøres slik: ( if(nedteller + 10 > 100) nedteller = 100; Så hvis du klarer å spise sauene øker variabelen spistsau og vil gå opp i level etter hvert som alle sauene er spist. En viktig ting som må være med etter om du enten klarer spillet eller ikke klarer det, er å fjerne addeventlistenerene. Det gjøres ved å skrive removeeventlistener. Hvis ikke de fjernes vil de kjøre i bakgrunnen og spillet vil krasje. Og så må man ta vekk BombeLista. Det gjøres med en foreach-løkke, og går igjennom liste og fjerner dem(removechild). Så hvis antallliv blir 0 skal man fjerne addeventlistener, bombene(child) og gå til Game Over framen(se screenshots). Og hvis alle suene er spist og fullført levelene skal det samme gjøres, men skal gå til The End framen. For å vite hvor menge liv ulven har igjen, har vi en dynamic tekstboks øverste på hovdescena. Slik er den koden gjort: (txtliv.text = String(antallLiv) ). 15

16 Så har vi en funksjon som heter hittestobjectperfect. Den sørger for at ulven treffer nøyaktig vegger eller bombene. I flash blir det et objekt når du har tegnet, og lagt et lag rundt alle objektene. Så hvis den ikke hadde vært med ville firkanten rundt objektene (bomber eller vegger) vært med. Det hadde skapt en dårligere opplevelse av spillet. Så nederst er alle addeventlistenerene, som er satt til å være enten TimerEvent, KeyBoardEvent eller EnterFrame. * KeyBoardEvent - er bruk av tastaturet. * EnterFrame - er når du starter framen. * TimerEvent - er en tidsevent. I frame 3 er koden slik: vegger = new Array (strom1,strom2,strom3,strom4,strom5,strom6,strom7,strom8,strom9,strom10,strom11,strom12,strom13,strom14,strom15,strom16,strom17); SaueListe = new Array(); ulv.x = gammelulvx; ulv.y = gammelulvy; ulv.rotation = gammelulvrotation; nedteller = 100; for(var q:int=0;q<7;q++) if(q == 1) var b2:bombe = new Bombe(); b2.width=20; b2.height=15; b2.x = 200; b2.y = 300; addchild(b2) BombeListe.push(b2); var s2:sau = new Sau(); s2.width=40; s2.height=20; s2.x = Math.random()* Sauomrade.width; s2.y = Math.random()* Sauomrade.height; Sauomrade.addChild(s2); SaueListe.push(s2); Det eneste denne koden gjør er å indikere vegger og legge ut 1 ekstra bombe og legge ut sauer. Slik som i frame 1. Også må man starte nedtelleren på nytt og indikere den til 100. Slik er det samme med de neste levelene. Bare å plusse på en bombe til. 16

17 SkryteListe Det vi syns er viktig med koden fra frame 2 til frame 6 er unik. Funksjonene tikke, tasttrykket, tastsluppet, flytt. Men da er desto viktigere at de fjernes når de ikke skal brukes. Fin brukerveiledning Originalt konsept Ressurser og hjelp Vi må takke til foreleser og veileder. Stor hjelp fra dem hadde vi ikke kunne klart å stilt med et slikt produkt. Veileder har hjulpet oss med tanke på hvordan vi skulle sette opp spillet. Enten var valget å gjøre alt på en frame, eller gjøre det på den måten vi har valgt(over flere frames). Og veileder var den som kom med tanke på å gjøre koden fra frame 2 til frame 6 unik. Gjennom prosessen har vi brukt forskjellige metoder for å få spillet til å funke best mulig. Om vi ikke hadde brukt den koden vi bruker nå, ville det vært mye lik kode i alle framene. Det ville vært minst brukervennlig og vanskelig å rette på til sener bruk av spillet. Koder vi har brukt på nettet ligger på denne nettsiden og er filene som ligger under linken: * Packman.fla * Klokke.fla * Piler.fla * Spørrespill.fla * Ballongdyrspillet.fla Feil/utviklingsplan Resultatet vårt før og etter vi var ferdig med spillet, var litt annerledes enn det vi tenkte oss. Vi fulgte planen om å lage et spill som skulle ligne litt på Packman. Det ble noe lignende men, vi ønsket å øke vanskelighetsgraden litt mer. Vi ønsket videre å øke vanslighetsgraden ved at bonden skulle følge ulven og ta han og verre labyrinter. Men med tiden til rådighet ble det prioritert andre ting. Også hadde vi ønsket oss en highscoreliste som vi kunne holde en oversikt over de beste. Men i vårt spill ville det være dumt å basere highscoren på antall sauer som er spist. Utvikling av spillet kan videre utvikles på forskjellige måter. Både flere animasjoner på sauene eller bombene. Det kan lages større labyrinter og flere hindringer. Dette har vi også 17

18 planlagt med tanke på videreutvikling. Et av målene våre var at det skulle være enkelt å vidreutvikle spillet vårt. Arbeidsprosess Logg Uke2 Arbeidet med flash. Lært oss forskjellige funksjonene i flash. Fortsette å følge med i forelesninger for å få kunnskap om flash. Gjort noe av arbeidsoppgavene fra flash-siden til foreleseren. Uke3 Har lagd en enkel hjemmeside til prosjektet, har prøvd å arbeide med oppgavene på nettsiden til foreleseren. Har kommet med spill-forslag og satt sammen gruppe. Føltmed i forelesninger og fått litt mer kunnskap om flash. Har tenkt på hva av forslagene er best for oss, og hva vi tenker vil være enklest. Og har da valgt SaueSepiseSpillet (SSS). Uke5 Kommet opp med en plan hvordan spillet skal gjennomføres og en beskrivelse av det. Et plattformspill. Hva skal være hindringer? Hvordan skal de opptre i spillet? Tenkte da på å ha en bonde som skulle drepe en ulv p.g.a. den spiser sauene hans. Bonden skal oppdage at sauene blir spist og skal komme med våpen for å drepe ulven. Uke6 Har kommet på forskjellige hindre og begynte å tegne gjerder, sauer og header. Tenke på movieclips og litt på kode. Uke7 Tenkte på hvordan spillet skal fungere, bruke kode mot moviclipsene for å få en prototype. Har brukt Packman i denne fasen for å få en start på spillet. Uke8 Prøve ut mer av smartbruken av movieclips for å få bedre tegninger. Uke9 Fortsettelse fra uke 8, tenkte litt annerledes bruk av movieclips. Uke10 Har fått satt sammen en prototype I, en enkel og grei prototype. Har bare satt poeng for hver sau som blir spist, har ikke fått begynt på timeren enda. 18

19 Uke 11 Har fått til timeren til å funke. Litt mer profesjonell tegninger, en bedre versjon en prototype I. Uke12 Fortsettelse av utvikling av prototype I. (påske) Uke13 Prøve å sette sammen prototype I med Prototype II. Sette begge filene sammen slik at vi får samlet koden, pluss at vanskelighetsgraden skal øke. Uke14 Prototype II er lagd, men ikke sammen med prototype I. Har begynt å tenke på hvordan det skal bli best mulig å sette sammen et ferdig produkt, med tanke på kode. Foreløpig er koden vanskelig å sette sammen, så har begynt å planlegge en litt annen versjon av spillet. Uke15 Har med hjelp fra veiledere fått til en måte å sette sammen et ferdigprodukt. Har fått på plass et ferdigprodukt som kan brukes, men kan fortsatt få småendringer slik at vi får en Release Candidate Uke 16 Fullført spillet med noen små detaljer(liv), og begynt å skrive rapport. Uke17 Skrevet ferdig rapporten. Konklusjon Gruppa har jobbet bra, vi har fordelt oppgaver og jobbet bra sammen og individuelt. Vi har fordelt oppgavene bra og alle har fått kommet med hvert sitt innspill. Resultatet har blitt et spennende spill som kan videre utvikles på forskjellige måter. 19

20 PROSJEKTDELTAKELSE - SPILLPROGRAMMERING MED FLASH Anslagsvis fordeling (angis i prosent) Navn Idé/konsept/planlegging Grafikk/animasjon Programmering Rapport Thorstein Brekke Stian Brynildsen Lars Grottenberg Hjelp fra medstudenter, labbveiledere osv. Direkte kopi fra eksempler i lærebøker, nettressurser osv. 20 Packman.fla Sum 100% 100% 100% 100% SIGNATUR FRA HVER DELTAKER: Thorstein Brekke (Sign) Stian Brynildsen (Sign) Lars Grottenberg (Sign) 20