Ett par Flashuppgifter

Till Learning Actionscript 3.0 av Shupe

Övergångseffekter

 

1

Välj ut fyra bra fotografier som har ett sammanhållet tema. Temat kan vara en produkt, en musiker, en stämning, en händelse.

Bildspelet skall innehålla minst fyra fotografier och varje bild skall ha en unika ingångs- och utgångsanimationer. Gör animationerna som timeline-animationer. Med hjälp av fyra knappar skall du kunna hoppa mellan bilderna i valfri ordning.

Du kan utgå från Shupes exempel demo_site.fla från kapitel 5 och gör ett bildspel med övergångseffekter.

Redovisning inför de andra i klassen tisdag 30/9.

 

2

Gör en Flashanimation som innehåller ett movieclip föreställande en sputnik. Sputniken skall röra sig med jämn fart över scenen på samma sätt som bollen gör i Shupes exempel movement_along_angle.fla (kapitel 7). Lägg till funktionalitet så att du med piltangenterna kan ändra vinkeln som sputnikens bana följer. Använd UP-pilen för att öka vinkeln och DOWN-pilen tvärtom. Lägg också in en check som gör att sputniken inte rör sig utanför scenens kant.

Tips:

Hantering av tangentbordshändelser finns beskrivet i kapitel 3, avsnittet Using Keyboard Events to Call Methods. Finns även exemplifierat i exemplet 02_methods-Events.fla.

 

3

Utgå från en eller flera av exemplen på animationer animationer i kapitel 7 och gör en flashfilm som ser ut som en skärmsläckare, dvs den innehåller en eller flera rörelser som ligger kvar i en oändlig men samtidigt varierad loop

Välj ut och studera någon/några av följande animationer från kapitel 7:

Detta exempel är en utveckling av circular_movement.fla. Parametrarna för radien och hastigheten är ändrade jämfört med Shupe exempel. Gör typ så här, men ännu finare. Ändra parametrar, byt ut grafik, lägg in flera objekt som rör sig till dess du är nöjd. Finaste skärmsläckaren får stående ovationer vid redovisningen!

 

4

Utveckla animationen i uppgift 2 och lägg till en in instans av ett movieclip föreställande en meteor. Låt den ligga stilla på scenen. Om sputniken kommer nära meteoren skall texten"Kollision! Game over!" skrivas i outputfältet.

 

Bitmaps (kapitel 9)

5 Välj färg och rita

Kombinera Shupes färgväljare (color_picker.fla) med hans kod för att rita på skärmen (brush_eraser.fla) och gör en flashfil där det är möjligt att välja färger, ungefär som nedanstående exempel.

 

6 Skapa en bild med ...

..en text på en vit bakgrund i Photoshop. Importera till Flash. Lägg bilden ovanpå ett fotografi, och lägg på ett blandningsläge med Actionscript, så att textens vita bakgrund blir genomskinlig. Se Shupes exempel blend_modes_darken_overlay.fla.

 

7 Perlin

Utgå från Shupes exempel med Perlinbrus och gör en egen rörlig bakgrund till en Flashfilm. Använd något av följande teman: eld, dimma, moln, växter, reptiler, hav. Precis som i förlagan skall bakgrunden bestå av en underliggande del som inte rör sig, och en överliggande PNG-bild med genomskinliga hål. Det är den övre bilden som skall animeras med Perlinfiltret.

 

8 Image encoding and saving

Använd Shupes kod för att ladda upp jpeg-bilder till eb server med hjälp av php.

Du måste ladda hem ett par klasser bl a Jpgencoder.as. Dessutom måste du lägga in kod för att rita en bitmap i din Flshfil.

Använd lix-servern eller annan php-server som du har tillgång till.