TUTORIALS / Actionscripting / Beginnen met actionscript
| Waardering: | 212 keer gestemd |
|
3.6 van de 5 |
|
|||||
| Formaat: | 49 KB | ||||
Een tutorial over het maken van je eigen Flashsite met bepaalde functies en links naar tutorials op FlashFreaks.nl.
Nu moet het zeker lukken je eigen Flashsite op te zetten. Ook goed geschikt voor beginners!
|
Intro
|
Er zijn veel beginners hier op flashfreaks.nl die een eigen website in flash
willen maken. Er zijn genoeg tutorials die dit mogelijk maken, alleen moet
je ze nog ff combineren. Hierbij dus een overzicht van de nuttige tutorials
en aanvullingen voor een eigen website, moet je al deze tutorials nog doen
dan moet je er wel even voor gaan zitten
. Ik neem aan dat je al wel een
beetje thuis bent in flash, ik ga dus niet uitleggen hoe je buttons moet maken
en hoe je met layers moet werken. Verder houd ik het design simpel, dit laat
ik allemaal aan jullie eigen fantasie over, ik zal er aan het eind, nadat
de basis gemaakt is, links neerzetten om je site mooier te maken.. Veel succes
en natuurlijk plezier!
|
Even mijn principe
|
Er zijn verschillende manieren om een site te maken. Ik maak het liefst gebruik
van verschillende movies die ik vervolgens inlaadt. Dit houdt in, komt er
een achtergrondmuziekje, doe deze in een aparte movie(misschien met play en
stop knop), heb je tekst en plaatjes door elkaar, dan maak ik deze ook in
een aparte movie, omdat je hierbij geen dynamic tekst kunt gebruiken. Heb
je een fotoalbum, deze ook in een aparte movie, enz enz. Verder gebruik ik
voor alleen tekst, een txt bestandje.
Het voordeel van zo'n 'modulaire' site, houdt in dat je niet steeds weer helemaal
je index.swf hoeft up te loaden en natuurlijk houdt je ook stukken beter overzicht
bij het wijzigen van gegevens.
Tip: Gebruik voor elke .swf die je maakt een preloader in
de 1ste Scéne, doe dit door modify>scene, hier kun je de scene's
van naam veranderen en van volgorde. Ik heb zelf een template gemaakt, dus
gewoon een kale movie met 2 scene's en in de eerste scene een preloader. Sla
deze dan op als template(save as template) en geef hem een goede naam+plek.
Als je dit weer nodig hebt, kies je "new from template" en je bent
al weer een eind op weg.
Tutorials voor preloaders vind je hier:
Fijne
preload tut.
Zelfde
als hierboven, maar zonder balkje.
Kort
en krachtig! goeie tut, niet grafisch
|
Lay-out
|
We beginnen met het maken van een lay-out van je site, waar komen de knoppen,
de informatie, een titelplaatje/animatie enz enz. Ik houd bij deze tut de
gebruikelijke indeling van een website aan. Menu links, aan de bovenkant een
sitenaam animatie. En dan op de resterende ruimte, de ruimte voor de nuttige
informatie. Denk ook aan de resolutie van de site, veel beeldschermen zitten
al op 1024*768 pixels, maar er zijn nog genoeg gebruikers van 800*600. Voor
de eerste resolutie, met standaard IE gebruikersinstellingen, is een resolutie
van 1020 * 590 mooi(dan moet je wel de scrollbalk verwijderen. Later hier
meer over) wil je 800*600, gebruik dan een resolutie van 792 * 450. Doe dit
meteen! Zo voorkom je veel problemen. Een movie van een 800*600 beeld wordt
wel goed weergegeven op hogere resoluties, maar andersom niet!
Hieronder mijn lay-out, let bij je eigen ontwerp op de layers!
Ik ga ervan uit dat je zowel gewone tekst gebruikt alswel andere movies, voor
bijvoorbeeld een fotoboek. Dus teken ik 2 tekstvakken, instellingen dynamic,
de ene heeft de variabelen 'mainvak' & 'main'(instance name & variabele)
en de ander 'movievak' & 'movie'.
Voor tekstbestanden inladen ga naar die tutorial hier.
Daar leer je hoe je tekst in moet laden op je site via buttons, ik neem dus
aan dat je zelf nu buttons(met actionscript) en tekstvakken op je site kunt
maken.
Voeg nu ook nog een titelbalkje toe en je hebt het volgende:
|
Animaties
|
We willen natuurlijk ook een fotoboek op onze website, hiervoor zijn er verschillende
tutorials beschikbaar:
Bewegende
foto's(veel werk).
Voor
de iets meer gevorderde, niet erg duidelijk, wel kort.
Maak deze fotoboeken in een losse .swf file!
Houdt voor dit fotoboek een knop vrij! Actionscript volgt nog in deze tut.
We kunnen natuurlijk ook nog een losse animatie maken(dus nog een aparte swf) om tekst in te laten zien, gecombineerd met foto's, dit kan namelijk niet dynamisch. Maak gewoon op ieder frame een static tekstvak, typ hierin de nodige tekst, houdt enters vrij op de plekken voor foto's en zet deze er gewoon bij in. Maak knoppen om naar volgende/vorige frame te gaan.
| Actionscript |
Ok, je hebt nu al een site, die er goed uitziet, alleen zal ie af en toe nog
bugs hebben, dingen die blijven staan en dergelijke. Gebruik het volgende
actionscript voor iedere button die een tekstvak aanstuurt(dynamisch). Ervan
uitgaande dat je 1 tekstvak, 1 scrollbar en 1 tekstvak als movievak hebt.
-
on(release){
-
unloadMovie(movievak);
-
main = home;
-
menu = "Home";
-
mainScroll.setSize(mainvak._height);}
- Bekende actie, wanneer er op de knop gedrukt wordt.
- Wordt het het movievak leeggemaakt.
- Wordt de tekstvakvariabele verandert(dus bij dynamische tekst,zonder plaatjes)
- Een variabel vak voor menu aanduiding(op mijn site), komt later nog aan de orde, voor uitbreiding, kan dus weggelaten worden indien je hier geen gebruik van maakt
- De scrollbalk wordt aangepast aan de nieuwe tekst(bekent uit dynamisch tekstvak met scrollbalk tut)
Ok, nu actionscript voor buttons waarbij er een externe flashmovie wordt ingeladen, met natuurlijk weer on(release){:
- loadMovie("lichtmovie.swf", _root.movievak);
- main = "";
- mainScroll.setSize(_root.mainvak._height);
- er wordt nu een externe movie ingeladen in het movievak.
- de tekst in het mainvak wordt weggehaald, er staat dus geen tekst in.
- de scrollbalk kijkt welke content erin staat, geen dus, dus verdwijnt de scrollbalk(zit al in de balk zelf).
|
Dat kan mooier!
|
Zo, je site werkt, maar hij flasht nog niet voor de volle 100%?!? Nou, een paar tips om dit te verhelpen.
- Duidelijke tutorial, om je muis wat op te leuken, ook leerzaam actionscript.
- Of maak je eigen cursor, je kunt deze en bovenstaande natuurlijk ook combineren, goeie tut, weinig actionscript.
- Heel eenvoudig je flashsite beveiligen. Zeer kort, let op, dan kun je je site ook niet meer op je computer bekijken, moet je het dus even uitschakelen.
- De tijd op je site, nutteloos, maar wel leuk, veel werk, niet duidelijk.
- Een bewegende achtergrond op je site! Leuk effect.
- Achtergrondmuziek,
zeer uitgebreide tut. Maak in een aparte movie, is makkelijker wijzigen.
Nou, dat was het dan, niet zo moeilijk toch!?! Houdt het wel overzichtelijk en systematisch! Als het goed is heb je nu een aantal bestanden, een index.swf+fla en nog een aantal losse movies en een index.txt. Alleen de swf's, txt en foto's en geluid dat dynamisch ingeladen wordt hoef je up te loaden.
Graag feedback op mijn tut en wil je een tut over een bepaald onderwerp waar je niet uitkomt en ik misschien wel snap, laat het weten!




Ik ben echt helemaal uit flash. Liever dus niet meer mailen voor vragen, tis en te diep graven en het graven is zinloos