Flash tutorial - Spil

Formålet med denne tutorial er at gennemgå et par af de vigtigste funktioner til hvis man ønsker at lave sine egne spil.

Der gennemgåes hvordan man kan flytte movieclips med piletasterne, og hvordan man tjekker om to movieclips rører hinanden, altså to funktioner som bruges i rigtig mange spil.

Tilbage

1. Åben Flash og start et nyt dokument.
   
   
2. Lav et nyt layer så du har to. Dobbelklik på det ene layer og kaldt det "indhold", det andet kalder du "action"
   
   
3. Lav så to movieclip. Det ene klader du "firkant" og tegner en firkant i, det andet kalder du "bold" og tegner i cirkel i.
   
   
4. Markér dit "indhold" layer og placér 5 instancer af dit "firkant" movieclip tilfældigt på scenen. Placér også 1 instance af dit movieclip "bold" på scenen.
   
   Markér en af firkanterne og giv den instance-navnet "boks1" nede i properties. Giv resten af firkanterne navnene "boks2", "boks3" osv.. Giv bolden instance-navnet "bold".
   
   
5. Nu skal vi havet give bolden noget ActionScript så den kan bevæge sig. Markér bolden, åben dit Actionpanel(F9) og skriv følgende ActionScript.
   
   
   1. //Når der trykkes på højre piletast
   2. on (keyPress "<Right>") {
   3.     //flytter bolden 1 pixel til højre
   4.     _root.bold._x++;
   5. }
   6. on (keyPress "<Left>") {
   7.     _root.bold._x--;
   8. }
   9. on (keyPress "<Up>") {
   10.     _root.bold._y--;
   11. }
   12. on (keyPress "<Down>") {
   13.     _root.bold._y++;
   14. }
   
   
   NB. Hvis du ønsker at bolden skal bevæge sig hurtigere ændre du blot ++ til +=2 eller måske +=5 og ligeledes ved --.
   
   Tryk Ctrl+enter for at teste filmen.
   
   
6. Vælg dit "action" layer og skriv stop(); i dit actionpanel(F9). Vælg så frame 2, tryk F7 for at lave en tom keyframe, og lav så også en stop() funktion der.
   
   Lav også en tom keyframe i frame 2 på dit "indhold" layer.
   
   
7. På scenen i frame 2 på dit "indhold" layer skriver du "Game Over" og laver en knap som skal bruges til at starte spillet igen. Kanppen giver du følgende ActionScript.
   
   
   1. on(release) {
   2.     gotoAndStop(1);
   3. }
   
   
   
8. Nu mangler vi blot at teste for om bolden rammer kasserne. Lav et nyt movieclip og kald det "action" og skriv "ActionScript" i det.
   
   Gå ud på scenen igen, vælg frame 1 på dit "Action" layer og træk en instance af movieclippet ud og placér det uden for scenen så det ikke blive vist under filmen. Når du har gjort det giver du det følgende ActionScript.
   
   
   1. onClipEvent (enterFrame) {
   2.     //et loop som tjekker om bolden rører en af boksene
   3.     for (i=1; i<6; i++) {
   4.         if (_root["bold"].hitTest(_root["boks"+i])) {
   5.             //hvis bolden rører en firkant går filmen videre til frame 2
   6.             _root.gotoAndPlay(2);
   7.         }
   8.     }
   9.     //Søgre for at bolden ikke kan bevæge sig ud af billedet
   10.     //hvis boldens placering på x-aksen er over 530
   11.     if (_root.bold._x > 530) {
   12.         //bliver placeringen ændret til 530
   13.         _root.bold._x = 530
   14.     }
   15.     if (_root.bold._x < 20) {
   16.         _root.bold._x = 20
   17.     }
   18.     if (_root.bold._y > 380) {
   19.         _root.bold._y = 380
   20.     }
   21.     if (_root.bold._y < 20) {
   22.         _root.bold._y = 20
   23.     }
   24. }
   
   
   Tryk Ctrl+enter for at teste filmen.
   
   
   
   Så er vi færdige
   
   NB. Dette var altså en gennemgang af to funktioner som forhåbentlig kan give dig mod til at begynde at lave dine egne små spil.

Tilbage

Optimeret til Internet Explorer og Firefox min. 1024x768 | Designet og programmeret af jweber