Tweener, bitmap og filter-effekter, del 1

jeg har leget lidt rundt med et eksempel på brug af Tweener, bitmap og filter-effekter, og fået nogle sjove resultater ud af det. helt grundlæggende går ideen ud på, at lade et billede leve på scenen, ved at flytte det tilfældigt rundt med Tweener, konstant reproducere det billede laver vha. bitmap og så lade effekterne være medbestemmende til hvordan det kommer til at tage sig ud.

i det første eksempel kan hele ideen ses.
– logo’et flyttes rundt på scenen.
– 40 gange i sekundet tages et billede af scenen, og dermed det, der tegnes af logo’et, og reproduceres som baggrund

se Tweener, bitmap og filter-eksempel 1 her

smart smart.
men det kan gå hen og blive meget mere smart.

hvis man f. eks. ønsker at fade, det logo’et tegner, ud over tid, kan man bruge et filter på sin animation.
det kunne f. eks. være et BlurFilter.

se Tweener, bitmap og filter-eksempel 2 her

nu tegnes animationen istedet for som en sløret hale, der følger animationen.
og det begynder at se godt ud.

BlurFiltret er defineret således:
var bf:BlurFilter = new BlurFilter(8, 8, 3);

og tilegnet bitmap-baggrunden på denne måde:
bmd.applyFilter(bmd, bmd.rect, new Point(0, 0), bf);

hvis man ønsker, at halen ikke bare skal tegnes efter animationen, men istedet fungere som en slags flamme, over logo’et, kan man sørge for, at reproduktionen af baggrunden hele tiden flyttes opad.

dette kan gøres ved hjælp af følgende:
bmd.scroll(0, -5);

og giver følgende effekt:

se Tweener, bitmap og filter-eksempel 3 her

der er tusindvis af muligheder.
foreløbelig slut herfra, men forhåbentligt får jeg tid til at eksperimentere lidt mere med ideen 🙂

March 25, 2008 at 8:39 pm Leave a comment

lommeregner til Flash

endnu en lækker tilføjelse til Flash – en lommeregner til brug i Flash, så du ikke behøver gå ud og tilbage ind i programmet, hvis du skal have en beregning på plads :o)

calculator made by Lee Brimelow

lommeregneren er lavet af Lee Brimelow og kan hentes her:

March 18, 2008 at 8:14 pm Leave a comment

tilfældig startpunkt i flashfil

Lise Paarup Larsen, en kollega hos Co3, havde tidligere lavet en fin, lille flash til birkindoor.dk, som er en portalforside for firmaerne Multiform, Invita og Møbelgalleriet. flash’en til denne portalforside fadede skiftevis billeder tilhørende de 3 firmaer ind ovenpå hinanden. på sigt blev det firma, der blev vist sidst i flash’en dog temmeligt kede af dette, da man oftest nåede at klikke videre ind fra portalforsiden, inden de overhovedet var blevet repræsenteret i flash’en.

derfor var min opgave nu, at lade tilfældigheden bestemme, hvilken af de 3 firmaer, der blev repræsenteret først på forsiden. det var forholdsvist nemt at gå til. den nuværende flash var lavet ud fra timeline animation, hvor et layer blot tweenes ind ovenpå et andet – basic stuff:


alt jeg gjorde herefter var så, at lade flash’en vælge et bestemt tal mellem 0 og 2.
hvis tallet var 0, skulle flash’en afspille tidslinien fra det første billede, var den 1 fra det andet og var den 2 fra det tredie.
alt jeg skulle bruge var denne lille stump kode:

stop();

var mitNummer:Number = new Number();
mitNummer = Math.floor(Math.random()*3);

trace(“mitNummer = “+mitNummer);

if (mitNummer == 0){
gotoAndPlay(“billede0”);
} else if (mitNummer == 1){
gotoAndPlay(“billede1”);
} else if (mitNummer == 2){
gotoAndPlay(“billede2”);
} else {
trace(“something is seriously fucked up!”);
}

samt 3 frame-labels.
fin løsning, ikke :O)

se forsideflash’en til birk INdoor her

reload bare ovenstående links, og du vil af og til se et nyt billede som start på flash’en.

March 9, 2008 at 10:15 am Leave a comment

‘barnlig’ flash til MeToo

for textilvirksomheden MeToo i Vejle har jeg netop lavet en del flash-elementer.
MeToo producerer og markedsfører baby- og børnetøj til målgruppen 0-10 år og ville gerne have noget der passede til deres ‘barnlige’ stil.

i alt skulle jeg lave en intro, 2 små billedelementer, samt en zoom-funktion, som gør, at man kan zoome ind i billeder… opgaven var rigtig fin, og en fornøjelse at lave.
det er især reaktionen, når man fører musen hen over dyrene, der skal lægges mærke til :O)

se forsiden til MeToo’s introside her:

se det ene billedeelement til MeToo’s nye hjemmeside her:
se det andet billedeelement til MeToo’s nye hjemmeside her:

zoom-funktionen kommer der en seperat post om senere, når jeg har videreudviklet endnu mere på den.
håber eksemplerne ovenfor fik et smil frem på læben..

February 16, 2008 at 10:02 pm Leave a comment

the Event Generator af Lee Brimelow

nu er det sjældent at jeg finder nogle extensions til Flash, som jeg synes er gode, men denne her kan jeg sagtens se ideen i.. især hvis man enten tilhører den gruppe af designere, der arbejder meget med flash, eller hvis man er usikker på det nye ActionScript 3.0

the Event Generator er en simpel hjælp til interaktionen med forskellige movieClips.
jeg har testet extensionen og den kan bruges på følgende måde:

først lavede jeg en simpel box, som jeg konverterede til et movieClip og gav den instance-navnet test_mc.
mens den var markeret gjorde jeg the Event Generator synlig og kunne nu vælge mellem følgende muligheder:

Click
EnterFrame
RollOver
RollOut
MouseDown
MouseUp
MouseOver
MouseMove
MouseWheel
DoubleClick
KeyDown
KeyUp

jeg valgte så, at min test_mc box skulle have en funktion på interaktionen MouseOver og valgte så knappen copy to clipboard:

derefter åbnede jeg min code-editor og pastede indholdet ind.
dette var hvad jeg pastede ind:
test_mc.addEventListener(MouseEvent.MOUSE_OVER, test_mc_MOUSEOVER);

function test_mc_MOUSEOVER(e:MouseEvent):void
{

}

aldeles smart.
på den måde kan man nemt ved blot at vælge sit MovieClip og vælge en interaktion få hjælp til at sætte sin ActionScript op… denne extension er en god hjælp til at komme igang på, og kunne ihvertfald have hjulpet mig meget, da jeg gik igang med ActionScript 3.0

håber nu den kan komme andre til hjælp.
klik her for at hente Lee Brimelows ‘the Event Generator’ .mxp-extension

February 9, 2008 at 9:14 am Leave a comment

min egen første class!

weeeee, jeg har idag lavet min egen class.
helt spritny og flyvefærdig.

class’es bliver mere og mere standard, efter at actionscript 3.0 blev udviklet til Flash og Flex, og jeg måtte selvfølgeligt også prøve, om det var noget for mig.
for kort at beskrive class’es, så er det genbrugelige byggesten, som man kan udvikle til et projekt, og så nemt kan genbruges igen og igen i andre projekter.

min egen første class er langtfra raketvidenskab, men det virker og har givet mig et lille indblik i, hvordan de kan bruges og hvort stort det kan udvikles til.
class’en er en simpel grafisk sag, hvor man kan få “kastet” nogle røde stjerner ind i sin Flash-film.
eksempelvis, forestil sig, at jeg har afsluttet et projekt, men mangler en smule liv i filmen.
så kan jeg med disse få liniers kode genbruge min class i min Flash-film:

import Stars;
var makeStars:Stars = new Stars(10, 400);
addChild(makeStars);
makeStars.init();

i første linie refererer jeg til min class.
den næste linie er den vigtigste.
der skriver jeg nemlig, at jeg vil have 10 stjerner “kastet” ind på scenen.
jeg skriver også, at stjernerne skal komme ind en af gangen hvert 400. millisekund.
altså, hvert 0,4 sekund..
3. linie sørger for at stjernerne bliver synlige i Flash-filmen.
4. linie sætter det hele igang.

klik her for at se, hvordan de 10 stjerner bliver kastet ind på en sort baggrund.

jeg vinder aldrig nogensinde en designpris for ovenstående, men det er også mest for eksemplets skyld.
nemligt hvor nemt det er at tilgå tidligere, avancerede byggesten i nye projekter.
selve class’en jeg genbruger er skrevet således:

package {

import flash.display.Sprite;
import flash.utils.Timer;
import flash.events.TimerEvent;

public class Stars extends Sprite{

private var numStars:Number;
private var timeStars:Number;

public function Stars(numOfStars:Number, timeOfStars:Number) {
numStars = numOfStars;
timeStars = timeOfStars;
}

public function init():void {

var timer:Timer = new Timer(timeStars, numStars);
timer.addEventListener(TimerEvent.TIMER, makeStar);
timer.start();

}

private function makeStar(event:TimerEvent):void{
trace(“function makeStar started”);
var star:Star = new Star();
star.scaleX = star.scaleY = Math.random() + 0.1;
star.x = Math.random() * this.stage.stageWidth;
star.y = Math.random() * this.stage.stageHeight;
star.rotation = Math.random() * 360;
this.addChild(star);
}
}
}

January 14, 2008 at 8:46 pm Leave a comment

video-afspiller som .air-fil

jeg har nu for første gang lavet en .air-fil :O)

.air-filer er en slags programmer til computeren.
ligesom en .exe er til PC og en .app er til MAC.

.air-filer kan bygges gennem flere forskellige programmeringssprog, f. eks. HTML, AJAX, Flex og Flash.
og eftersom sidstnævnte er mit område, måtte jeg selvfølgeligt prøve at lave en .air-fil også.

jeg har lavet en simpel videoafspiller, der spiller en video og som kan flyttes rundt på skrivebordet, ligesom programmet kan lukkes ned ved et enkelt klik.

og var det svært at lave? næ-nej;
selve afspilningen af videoen er blot et spørgsmål om at importere den i Flash, mens det at gøre .air-filen flytbar og lukbar skulle laves i ActionScript 3.0.

at gøre .air-filen flytbar blev klaret på denne måde:

video.addEventListener(MouseEvent.MOUSE_DOWN, doDrag);

function doDrag(e:MouseEvent):void{
stage.nativeWindow.startMove();
}

at kunne lukke .air-filen på krydset blev klaret på denne måde:

closer.addEventListener(MouseEvent.MOUSE_DOWN, doClose);

function doClose(e:MouseEvent):void{
stage.nativeWindow.close();
}

den færdige .air-fil kan downloades her (1.6 MB)

AIR til MAC/PC kan hentes her:
http://labs.adobe.com/technologies/air/
(AIR skal installeres før .air-filer kan køres på ens maskine)

videoen er et reklamespot for Bonbonland og produceret af Komo Lydstudie i 2004.

November 28, 2007 at 7:37 pm Leave a comment

Older Posts Newer Posts


June 2017
M T W T F S S
« Aug    
 1234
567891011
12131415161718
19202122232425
2627282930  

Top Posts

Blog Stats

  • 17,888 hits