Flash objecten laten bewegen via je keyboard

_{door vinTage op 17-09-2006}

In deze tut zal ik jullie uitleggen hoe je movieclips kan bewegen door middel van je keyboard.
Om deze tut gemakkelijk door te lopen is het handig als je al wel weet hoe je movie clips maakt, en er actionscript aan kan toevoegen.

Er zijn 2 manieren om je figuurtje te laten bewegen, onderstaande twee voorbeeldjes tonen de verschillende manieren van bewegen.

Recht toe recht aan


Zoals een auto



Het figuur maken wat je wilt laten bewegen met flash
We beginnen dus met met het aanmaken van een movieclip die we willen laten bewegen.
Let er op dat je figuur naar "boven" laat kijken, anders kloppen de action script codes niet die ik verder gebruik in deze tutorial.
Een ander ding waar je rekening mee moet houden is het registratie punt van je figuur.
Dit registratie punt is het punt wat je figuur als draaipunt gebruikt.
Bij mijn voorbeelden ziet dat er zo uit.


Zodra je een movieclip hebt gemaakt keren we terug naar de main scene en slepen we ons figuur uit de library op de main scene.


ActionScript toevoegen die ons figuur laat bewegen en ervoor zorgt dat het figuur niet uit beeld loopt
Selecteer op de main scene je figuur en geef het de instancenaam rups.
Klik nu in de tijdlijn op een keyFrame en open het actionscript panel (F9), copieer en plak het eerste script als je de rechtaan manier wilt gebruiken of het tweede script als je de auto manier wilt gebruiken.


De recht toe recht aan manier van bewegen:

De auto manier van bewegen:



snelheid veranderen met de spatiebalk
Nu hebben we dan wel een rups die kan lopen, maar stel dat we een turbo toets willen inbouwen, dus dat ons figuurtje sneller gaat bewegen.

Dit kunnen we doen een klein beetje code weg te halen en toe te voegen in de onEnterFrame functie, namelijk:




Uitleg van de ActionScripts
onEnterFrame = function{//doe iets }Alles tussen de accolades word continue herhaalt.
We beginnen het script met een paar regels code die ervoor zorgt dat we ons figuurtje niet uit beeld kunnen laten lopen.
rups._x en rups._y zijn de coordinaten van het registratie punt van ons figuurtje.

De Stage.width en Stage.height die je terug vind in de code, zijn de breedte en hoogte maten van de swf.

if (Key.isDown(Key.NAAM)) { //doe iets }Er wordt nonstop gekeken welke knop van je keybord er is ingedrukt, als een bepaalde knop is ingedrukt worden de actions uitgevoerd die tussen de accolades staan. (zie hieronder)

rups._rotation = getal doet precies wat je al verwacht en draait ons figuur het aantal graden wat je meegeeft.

rups._x en rups._y = snelheid Dit zorgt ervoor dat het figuur het aantal pixels opschuift per frame cyclus.


Bij de "auto" manier gaat het net iets anders, op de auto manier, gebruik je de pijltjes links en rechts om te draaien en de up en down om vooruit/achteruit te gaan.


Hopelijk heb je iets aan deze tutorial gehad en kan je nu naar hartelust race spellen, adventure games, rpg games etc maken met flash.
Succes en happy flashing.
Download FLA bestanden.