curlingthebrackets / flash / flash-type /

• Mix
• tech
• web
• flash
• M2
• M5
• WP
• M10a
• About

Flash basic moves

Højreklik på en frame, og du vil se en menu med relevante muligheder

Marker 1 eller flere frames

- Timeline: klik på første frame – shift-klik på den sidste.
- Timeline: hold musen nede og træk gennem alle de frames der skal markeres – og slip.
- På en motion-tween: Ctrl+Click/CMD+Click

Flyt 1 eller flere frames

- Timeline: Marker først og slip musen. Træk derefter til et nyt “tidspunkt” (frame-placering).

Copy/Paste frames sekvens

- Timeline: Marker relevante frame(s) – høreklik > copy frames
Stil dig på den rigtige frame på den ønskede timeline (fx. i en ny movieclips timeline), højreklik > paste frames.
- Hvis der skal duplikeres frames på samme timeline:
Brug ovennævnte copy frames / paste frames metode, eller genvejen til metoden:
Marker frames – Alt+drag – slip musen et nyt sted..

Frames genveje

Frames redigeres hurtigst med højrekliksmenuen eller:
- F5 = frame
- F6 = keyframe
- F7 = blank keyframe
- Shift+F5 = remove frame
- Shift+F6 = clear keyframe

Opret symbol

- Library panelet: Klik i ikonmenuen nederst i panelet.
- Stage: Marker et eksisterende objekt og ‘konverter’ gennem hovedmenuen eller med højreklik. Genvej: F8.

Test movie

Ctrl+Enter / (Apple+Enter) = test swf
F12 = test html+swf

Instance-navn

Marker objektet på scenen (ikke i timeline) og udfyld < instance name > i property-panelet. Unikke navne efter gældende navngivnings-konventioner. OBS Hvis objektet er animeret og optræder på flere keyframes, skal hver instance af det navngives med samme instance-navn.

Frame label

Marker den pågældende tomme keyframe på timeline i et labels-lag og udfyld Label Name i Property-panelet. Unikke navne efter gældende navngivnings-konventioner, og kun et navn pr. frame.

Break apart, CTRL+B

- På et symbol: Objektet springer et led frem i stien, dvs. ud af den timeline det var indlejret i.
- På en tekstboks: Hvert bogstav i teksten får sin egen tekstboks. CTRL+B igen, og tekst-bogstavet konverteres til en shape.
- På et Bitmapbillede: Bitmap-symbolet konverteres til en shape med ‘bitmap-fyld’, som kan redigeres.

Animation teknikker

Nedenstående tekniker kan også kombineres efter behov på samme timeline.

Classic Motion tween

anvendes på et symbols ‘instance’.

position = bevægelse
skalering = zoom effekt
rotation
vridning
Color effekt (tint, alpha) = fx. fade effekt
Filters (fx. drop shadow, blur)
Easing (brems, accelerer..) sættes generelt på hele tweenen, også hvis effekterne er kombinerede.

.

“New” Motion tween

anvendes på et symbols ‘instance’.

Kun siden CS4 -
Laver præcis samme forandringer i en movieclips properties som den klassiske motion tween, men danner selv nye keyframes, når objektet forandres.
Dels ved intuitiv “manuel ændring” på scenen –
- eller/og ved at indstille i Motion editor. Der kan man blandt meget andet indstille easing for hver enkelt property.

.

Shape tween

anvendes på en shape.

.

Frame by Frame

frame_by_frame
onion_skin

.

attachSound i en level (as2)

Til dem der har brugt attachSound i en swf, som derefter loades ind i en anden swf..
fx. ved hjælp af loadMovie eller loadMovieNum.
LYDEN VIL IKKE VIRKE!

Lydobjektet anbefales ofte oprettet således:

lydobjekt = new Sound();
lydobjekt.attachSound("co2");
lydobjekt.start();

// Opret en pladespiller
// Sæt en plade på fra Library
// Spil pladen

Hvor ‘co2′ her er linkage-navnet man har gevet sin lyd efter at have døbt den ved højreklik på lyd-symbolet > linkage > Linkage-name, X export to actionScript, X export in first frame.

Problemet og løsningen:

Når filen så pludselig eikke er _root mere – hvilket sker når man loader den udefra med loadMovie fx., vil lydobjektet ikke kunne findes fordi der ikke er specificeret hvor det ligger.

Det løses i oprettelsen af lydobjektet således:

 lydobjekt = new Sound(this);

‘this’ peger på den rigtige placering for den level lydobjektet og lydsymbolerne ligger på..
- og så virker den selvom filen nu er _level1 !

loadMovie i Levels (as2)

Der kan loades swf-filer og jpg-, gif-, png-filer i nye ‘Levels’.
Den åbne swf-fil vil, som den der starter, altid være ‘_level0′.
Der forudsættes, at “nyfilm.swf ligger i samme mappe som den igangværende swf-fil”

this.loadMovieNum("nyfilm.swf", 1);

eller:

this.loadMovie("etellerandet.swf", 1);

Loader man en ny swf i samme Level (1), vil den nye erstatte den der var der før.

this.loadMovie("etellerandet.swf", 1);

Den kan også unloades:

this.unloadMovie(1);

Tilbage er: _level0, og eventuelt andre eksterne filer i yderligere levels.
Se tutorials:
cbtcafe.com/flash/loadmovie/loadmovie.html
webwasp.co.uk/tutorials/b55-load/index.php
Der kan også loades ind i en movieClip:
hed.swinburne.edu.au/design/tutorials/flash/load_movie_tute/
Understanding-Scale

Flash spil – individuel aflevering

Deadline Søndag 20-04-2007 – 23:59

Der skal indleveres en fla-fil med personligt udviklet spil – som fungerer.
Spillet skal afspejle hvad du har studeret dig til og lært.
Det må gerne være ‘kraftigt’ inspireret af de gennemgåede (eller andre) eksempler, hvis kodningen tager modet helt fra dig.
Koden skal kommenteres. (/* kommentarer og personlige forklaringer*/) Har du fundet en allerede kommenteret udgave, skal den suppleres med DINE forklaringer så jeg kan aflæse DIN forståelse.

Spillet skal indeholde:

• en Splash side. (indgang med knap til selve spilscenariet)
• et AS3 frame-script på hovedscenen med relevante og forklarende personlige kommentarer.
• et vind-scenarie
• et tab-scenarie

Inspiration:

• Se opgaveformuleringen for hele workshop2

God fornøjelse –
hilsen Kamilla

knap og script (as2)

Gennemsigtig knap?
- Man undlader at give knappen indhold på de 3 første frames, som handler om dens udseende
- man lægger kun en shape på HIT-framen i en keyframe, så knappen blir ‘musefølsom’ men ellers er usynlig.

Skjulte knapper over et baggrundsbillede, det som svarer til ‘hotspots’ eller ‘image-map’ i HTML.

Anvendelser:
Knap-symbolers udseende omfatter umiddelbart kun UP, OVER, DOWN.
Har man brug for mere underholdning – på fx. rollout, release…, kan man bruge følgende teknik:
Læg en movieclip – der har lært flere tricks – under en gennemsigtig knap, som så kodes til at styre denne knap-underholdnings-movieclip, samtidig med at den styrer funktionaliteten iøvrigt:

on (press) {
under_mc.gotoAndPlay(“bask”);
noget andet;
}
on (release) {
under_mc.gotoAndPlay(“flyv”);
noget andet;
}
on (rollover) {
under_mc.gotoAndPlay(“loefthovedet”);
noget andet;
}
on (rollout) {
under_mc.gotoAndPlay(“pip”);
noget andet;
}

Man kan også kode movieclips direkte som om de var knapsymboler:

on (release) {
this.gotoAndPlay(“flyv”);
et.andet.objekt.gørnoget();
}

Og så er der den omskrevne knapkomando – direkte fra en frame-action – event function:

mc.onRelease=function() {
this.gotoAndPlay(“flyv”);
et.andet.objekt.gørnoget();
}