ActionScript stappenplan
Waarom
Waarom dit werk.
Inleidende begrippen :
Actionscript 3.0 is een
-
programmeertaal (= een serie
instructies of stappen die de computer moet uitvoeren),
- die object oriented
(objecten met alles erin maken) is en werkt
natuurlijk
- met gegevens.
Tikken
Je tikt de code in met om het even welke teksteditor, maar makelijker gaat het met editors speciaal gemaakt voor Actionscript: Flashdevelop,... maar best met de zeer dure FlexBuilder ~(gratis voor het onderwijs).
Downloaden van op
deze
~ webpagina voor een
60 dagen trial (hoeft enkel de Flex Builder te downloaden, geen Eclipse apart).
(klik ook Java SDK en JSEclipse aan indien gevraagd wordt, ... bij het
installeren)
(werk je ook met Coldfusion -gratis
webdesigner van Adobe voor onderwijs- dat dan ook aanklikken bij de installatie)
Gratis voor altijd via deze
~ webpagina (je krijgt dan een
licentienummer na enkele dagen: er wordt ernstig onderzocht of je echt wel
iemand bent uit het onderwijs). Na ontvangst code: start Flex >> menubalk: help
>> Manage Flex Licenses >> nummer intikken.
Naslaggids en leren programmeren Adobe: : http://help.adobe.com/nl_NL/Flash/10.0_Welcome/WS091A3800-D889-4425-B647-C44097B73F34.html
NASLAGGIDS enkel: http://help.adobe.com/nl_NL/AS3LCR/Flash_10.0/index.html
Programmeren
Voor je begint schrijf je, teken je de werking van het programma uit.
Vervolgens tik je de code in, compileer ze en integreer het in een webpagina.
Vb : http://help.adobe.com/nl_NL/ActionScript/3.0_ProgrammingAS3/WS5b3ccc516d4fbf351e63e3d118a9b90204-7fdf.html ~
Opstarten Flex Builder
Flex Builder 3 (opvolger Flash Builder 4 is op komst) is gewoon
een programma.
Je vindt het dus bij Startknop -> Alle Programma's
-> Adobe of via een snelkoppeling op
je bureaublad. Probeer maar
Met Flex Builder kan je veel doen, maar wij gebruiken het om te programmeren en te compilen met ActionScript 3.0
Veel van wat je in vele programma's hebt, zijn hier ook aanwezig: openen,
opslaan... Al gebruikend leren we het voornaamste.
Een belangrijke knop is bovenaan de "debug" en/of testknop :
.
Hiermee test je automatisch je programma uit
en wordt het gecompiled (onze code
omzetten in computermachinetaal)
naar een SWF.
Project aanmaken (is aan te raden: al wat je nodig hebt wordt automatisch aangemaakt).
We maken eerst een ActionScript Project aan : File -> New ->
Action Script
Project
- Geef je
project een naam
- Eventueel
de werkfolder (workspace) aanpassen (zet "Default" af en browse)
in deze workspace komen wat "hulpgegevens voor Flex Builder"
Je ziet hier het basisschema
Voor we echt gaan programmeren nog wat SYNTAX
Oefenen
Er zijn wat voorbeelden voor u gemaakt. Deze staan in c:\_werkplaats
Je moet deze nu in Flex Builder brengen.
-
Als in je Flex Builder "_werkplaats" nog niet als "workspace"
staat, dan
- bovenaan
File -> Switch workplace -> (kies er eentje daar of) ->
other
- browse en
zoek de workspace
- Je kan ook map per map in Flex Builder importeren:
- bovenaan
File -> Import -> Flex Project - > Project Folder aanklikken
- browse en
zoek de map -> Finish
Deleten uit Flex Builder: b.v. : rechtsklikken op project -> delete (Let op :
ofwel ALLES, ook je werk,
ofwel enkel import in Flex Builder)
Een eerste oefening : een cirkel (schijf) tekenen: SCHIJF.
Nu op weg naar het ernstiger werk: werken met TEKST in EEN tekstVELD
Natuurlijk met een mooie OPMAAK
In tekenvormen kan je ook tekst zetten : TESKTinVORM
En nu wat eenvoudig KLIKKEN op zulke vormen al of niet met tekst
Wat meer klikwerk: gebeurtenissen (EVENTS) beheren: b.v. slepen.
Ook met het TOETSENBORD kan je iets op het scherm bewegen.
Beelden (png, jpg,..) inladen.
Wat GELUID (mp3) binnenhalen en afspelen.
Een kleine oefening i.v.m. Tekst - input.
Op eenvoudige wijze wat scrollen.
Heel wat op papier zetten: afdrukken
En een filmpje, video afspelen
Publiceren
Compileren (klik op
en er wordt in de workspace in "bin-debug"
een SWF gemaakt).
Zet die SWF met alle eventueel in te ladenbestanden (png, mp4,...) in een "map".
Op internet
- Plaats die "map" op je "website-server" (b.v. www.classy.be of die van de school,...)
- Leg gewoon een link van een htm-pagina naar die swf.
Standalone of op de school-server
- Zet
bovenstaande map op de harddisk
- Leg gewoon een link van een htm-pagina naar die swf.
Als er op die link geklikt worden op een PC mét FlashPlayer dan wordt je werk afgespeeld. Proficiat.
Wat links :
http://www.kirupa.com/forum/showthread.php?t=223798
http://www.flashcode.nl/?p=home