I haven’t looked at performance yet, and there is possibly a lot of ways to optimize this code – this article can be a start for further fine tuning. The helper function looks like this:

function map(val:Number, inMin:Number, inMax:Number, outMin:Number, outMax:Number, decimals:uint=0):Number
{
var returnVal:Number;
 
// Sets the total range for both in and out
var inRange:Number = inMax - inMin;
var outRange:Number = outMax - outMin;
 
//calculates the ratio for the value in relation to the in range
var ratio:Number = (val - inMin)/inRange;
//makes sure that the value is within range
val = Math.max(inMin, val);
val = Math.min(inMax, val);
//Finds the same ratio in the out range and shift it into place
returnVal = (outRange * ratio) + outMin;
 
//rounding of the decimals
var factor:int = Math.pow(10,decimals);
returnVal = Math.round(returnVal*factor)/factor;
 
return returnVal;
}

The function takes the the following arguments:

• val: the number to be remapped
• inMin and inMax: The original range, in which the value is measures in relation to.
• outMin and outMax: The destination range, that the value will be re-mapped to
• decimals: sets the precision in decimals (optional)

var inRange:Number = inMax - inMin;
var outRange:Number = outMax - outMin;

val = Math.max(inMin, val);
val = Math.min(inMax, val);

var ratio:Number = (val - inMin)/inRange;

returnVal = (outRange * ratio) + outMin;

var factor:int = Math.pow(10,decimals);
returnVal = Math.round(returnVal*factor)/factor;

Optimization

An example

import flash.display.Sprite;
import flash.events.MouseEvent;
 
//make the small square and color it dark grey
var inArea:Sprite = new Sprite();
inArea.graphics.beginFill(0x333333);
inArea.graphics.drawRect(0,0,100, 100);
inArea.graphics.endFill();
addChild(inArea);
 
//make the large square and color it black
var outArea:Sprite = new Sprite();
outArea.graphics.beginFill(0x000000);
outArea.graphics.drawRect(0,0,400,400);
outArea.graphics.endFill();
outArea.graphics.lineStyle(1, 0xFFFFFF, 0.3);
addChild(outArea);
outArea.x = inArea.width;
 
//adds a listener for the small square, that listens for mouse movement
inArea.addEventListener(MouseEvent.MOUSE_MOVE, updateDrawing, false, 0, true);
function updateDrawing(event:MouseEvent):void
{
	//Map the local coordinates from the mouse movement to the size of the large square
	var targetX:int = map(event.localX, 0, event.target.width, 0, outArea.width);
	var targetY:int = map(event.localY, 0, event.target.height, 0, outArea.height);
 
	//Draws the line in the large square.
	outArea.graphics.lineTo(targetX, targetY);
}
 
//Helper function
function map(val:Number, inMin:Number, inMax:Number, outMin:Number, outMax:Number, decimals:uint=0):Number
{
	var returnVal:Number;
	// Sets the total range for both in and out
	var inRange:Number = inMax - inMin;
	var outRange:Number = outMax - outMin;
 
	//makes sure that the value is within range
	val = Math.max(inMin,val);
	val = Math.min(inMax,val);
 
	//calculates the ratio for the value in relation to the in range
	var ratio:Number = (val - inMin) / inRange;
 
	//Finds the same ratio in the out range and shift it into place
	returnVal = (outRange * ratio) + outMin;
 
	//rounding of the decimals
	var factor:int = Math.pow(10,decimals);
	returnVal = Math.round(returnVal*factor)/factor;
 
	return returnVal;
}

I have made a short article with an example on how that is done in Flash and ActionScript 3.0. You can read the article at http://www.hjaelpmignu.dk/content/dynamic-call-functions

All in all. 138 pages of action packed printing info available. Questions to the guide are welcomed in the forums

Link to guide

Happy reading

Farvel, betyder  at fare vel

Når I nu har pustet ud og holdt en velfortjent sommerferie, går det langsomt men sikkert op for jer at der ikke er mere skolegang, og I rent faktisk er “udlært” og flyvefærdige. Mit farvel til jer er for at minde jer om at alle tre år har været begivenhedsrige og lærerige, for jer såvel som mig. Jeg smider lige et par sidste ord efter jer her på min blog, hvor I ikke umiddelbart kan svare igen

De farvel I får herfra er ikke et ønske om ikke at se jer igen, men et håb om at det må gå jer godt på den fremtidige rejse. Vi lever dog i en verden, hvor det ikke sker automatisk. Nuvel, du kan blive hjulpet af en rig tante, eller en far der allerede er i branchen, men den kreative kraft, der blusser i jer, kan ikke vedligeholdes af held og klap på skulderen – så ender i med at stå og snakke om det store projekt I lavede for to år siden. Derfor, lige et par nedslagspunkter.

Det tog tre år

Selvom det sidste I har lært ofte har været det mest komplekse, er den viden og de muligheder bygget på et fundament af grundlæggende færdigheder. Hvor interessante de senere års projekter end har været, vil de første moduler kunne bruges som byggesten til andre fremtidige udforskninger – den viden må aldrig forstås som implicit. Viden om typografi, gestaltlove, formgivning, kommunikation osv. skal videreudvikles og udforskes som selvstændige projekter. Designgrudlaget ændrer sig konstant, som tektoniske plader, og hvis du ikke forholder dig opdateret til dem, vil dine løsninger ramme skævt få år ude i fremtiden, og i vil stå som en Kolos på lerfødder.

Du kan lukke af for fremtiden, men du kan ikke lukke fremtiden ned

Det er så fristende at sætte sig ind i en kasse, med det man nu engang kan. Du vil kunne bruge timer på at diskutere og retfærdiggøre, hvorfor du har ret, som nyudlært. Men hvis du lukker af for fremtiden, vil du ende som en dinosauer der ikke ved den er uddød. Du vil stå med en kuffert fuld af kuglepenne og skælde ud på folk, fordi de sender e-mail i stedet for breve. Om du vil det eller ej, så er der fuld fart på lokomotivet, og som interaktiv designer har du plads i den forreste vogn. Det er en sjov rejse, men det kan god være frustrerende at man ikke kan slappe af i længere tid af gangen. På linjen for interaktivt design på Mediehøjskolen, skal vi hele tiden korrigere og kan ikke med sikkerhed fortælle de nye studerende, hvordan deres tredje år forløber. Den korrektion har vi foretaget ind til nu … nu, hvor du er flyttet hjemmefra,  skal du selv købe toiletpapir

Den nye viden kan ikke fås intravenøs

Jeg vil ikke garantere at det ikke kommer til at ske, men som tingene er i den umiddelbare fremtid, er der ingen kloge ord på sprøjte. Du kan ikke sætte et “Joshua Davis plaster” på og få en fornemmelse af hvilke strømninger han rører frem i sin gryde. Kun med et øje der ser og et øre der hører, vil du tilegne dig færdighederne til at skabe. Kravene til interaktive designere er derudover noget skrappere, da jeres værktøjer er lidt mere komplekse end et penalhus. Mange af de ting I må sætte jer ind i, er eksperimenterende, nogle er ikke synlige, og en del af de tungeste er endda kun delelementer til en simpel løsning. Hvor den grundlæggende værktøjskasses præmis kun flyttes langsom, vil det der adskiller jer fra andre designere, være viden og forståelse for interaktion, som kun flygtigt er relevant, for derefter at blive generel og ende som forældet fordi ny opdagelser har gjort det irrelevant eller direkte forkert.

Det digitale spejl, forvrænger – derfor behøver du ikke at vrænge ansigt

Når man er interaktiv designer, er man nød til at simulere stoflighed. Der er ikke noget på Internettet der er ægte … ikke engang Internettet. Du lever af at designe oplevelser i et kunstigt rum, kun afbrudt af ormehuller med videokonference og IP-telefoni, som nærmeste kæde til den virkelige verden omkring. Intet er uforgængeligt – her er ingen pyramider eller Versailles slot. Billederne fra den virkelige verden er blevet lavet til nuller og et-taller og viser sig kun som vi forventer, fordi vores egne opsatte regler bliver overholdt. Vi ser kampagner der behandler virkeligheden til egen vinding og personer der sletter sig selv, eller manipulerer med data for at gengive en anden sandhed. Det store problem er at vi i større grad søger ind i en kunstig verden for at finde viden om, hvordan den virkelige verden er bygget op. Når I laver interaktive løsninger er i med til at vedligeholde den kunstige verden, og I skal, mere end mange andre, pleje forholdet mellem Internettet og mennesket. Med styrke kommer ansvar, og I skal altid være klar over den magt i har overfor uvidende bruger, der naivt tager det de ser for gode varer.

I former en fremtid til en samtid

I forhold til nettet, er verden kun i “fire dimensioner”. Superstrengsteoretikere bedes se bort fra denne uforskammede simplificering. Hver eneste nedslag på nettet, indeholder en dybde samtidig med den visuelle flade. Ud over dette, har den også en designet tidsfornemmelse og kronologi. På den ene side har den søgemaskinernes evige jagt på at cache indhold på større og større lagermedier, så vi kan finde ting fra en svunden, digital fortid, men også den indlejrede pulsfornemmelse i animationer, lyd og filmklip som selvstændige processer på en statisk flade. Når I designer noget, er det første gang det er på nettet. I smider endnu en “bold i spil” som ikke har været der før – ny adresse, ny grafik, måske nye principper. Det der er fremtid for nettet, er inde i jeres hoveder,og bliver først til samtid, når det har materialiseret sig. Da alle er afhængige af at søge indhold, inspiration og ny viden på nettet, er det vigtigt at dem der leverer nye oplevelser og viden, har en forståelse af at de er de første i kæden.

Lad vær med at tage kvælertag på noget du er ved at give kunstigt åndedræt

Når i designer og udvikler koncepter, så lad dem leve - hvis ikke i virkelige projekter, så i det mindste i en sandkasse hjemme hos jer selv. Du kan få en vane at tænke “Nej, ikke alligevel,” midt i processen. Det er gift for jeres pionerånd – hvis du laver brunkager, smider du ikke dejen væk, hvis formen standser noget ud der ikke helt ligner – i ovnen med den! Hvis ikke, så ender du med at acceptere halvfærdige og kuldsejlede projekter, og så er det velkommen til umulighedernes land!

Det er først når du holder hovedet i vater, at du laver noget der virkelig batter!

Tro på dig selv. Lad være med at tale ned til andre, eller dukke dig for selvfede i miljøet. Problemet med ikke at kigge lige ud er at du misser horisonten, og det er den du skal bruge til at orientere dig. Du lever af at være til, i forhold til omverden – en omverden der er gennemsyret af dit netværk. Hvis du, i din egen succes, glemmer at være i øjenhøjde med andre, knækker kæden. En kæde der i den professionelle del af netværket i forvejen kan være lidt tynd. Dem du møder på vej op, ser du igen på vej ned … det vil være så rart at lande blødt, når man tænker på hvor mange op og nedture man skal tage i et helt liv. Omvendt, må du aldrig lade dig kue af andres holdning til dine værker. Du må modtage kritik … du skal modtage kritik! Men der er rigeligt med folk, der har nemmere ved at kritisere udaf end indad. Jeg kan ikke direkte fortælle hvordan I kan kende forskel, men det har tit noget at gøre med lydniveauet – de rigtig rige, fortæller sjældent om deres penge.

Mod det uendelige … univers!

Når det så er sagt (det var nok), så har I den mest interessante fremtid foran jer. I kan levere og udbygge på eksisterende komponenter, eller I kan udforske og udvikle uopdyrket land. Med de muligheder og færdigheder I besidder, kan intet stoppe jer. Tænk både kommercielt og ikke kommercielt. Hvis man ikke forholder sig til pengene, er en del af de kommercielle projekter de kedeligste. Nye uafprøvede ideer finder sjældent indpas der. Det må dog ikke afholde jer fra at eksperimentere og lave “proof of concept” så I kan være med til at designe fremtidens interaktive design, i stedet for at vedligeholde andres opfundne regler.

Og med dette, må i fare vel. Kom tilbage og fortæl de næste studerende om jeres landvindinger, når I står og glimter.

/ockley

Du kan se videoen på adressen http://www.hjaelpmignu.dk/node/211

Du kan læse mere om Save for Web and Devices i Adobe Creative Suite 5 på adressen http://help.adobe.com/en_US/creativesuite/cs/using/WSEE78023B-9077-4276-9D82-B7ABD0F9AE32.html

Vejledningen tager dels udgangspunkt i det link til en tutorial på Flashforum, der blev nævnt, og dels en gammel video tutorial af Lee Brimelow.

Se den på www.hjaelpmignu.dk

En stor del af jer har måske lysten til at prøve det programmerne af, men gider ikke at betale for et fuldt program. Hvis du har købt CS4 Web Premium eller CS4 Master Collection, er der ikke nogen undskyldning mere – du kan nu få Adobe Flex Builder 3 Standard for ingen penge, gratis … uden beregning. Det er billigt

For at få fingere i din kopi skal du gøre følgende:
1. Besøg sitet www.adobe.com/go/freeflexforcs.
2. Indtast relevante oplysninger (CS4 serial og scannet kopi af kvittering for købet).

3. Download Flex Builder 3.

Tilbuddet gælder til og med 30. april 2010.

Nu vil jeg gerne lære det

- tænker du nok. Der er rigtig mange muligheder for at kaste dig over Flex 3. Som udgangspunkt vil jeg anbefale http://developer.adobe.com/flex der giver dig et samlet overblik over tilgængelige ressourcer.
På siden http://www.adobe.com/devnet/flex/learn/ vises “Learning paths” hvor du kan udforske på baggrund af din eksisterende viden. Endelig er der videoserien “Adobe Flex In A Week” på http://www.adobe.com/devnet/flex/videotraining/, der viser uforskammet mange muligheder på video, sat op som et ugeforløb med undervisningmaterialer. Efter at have gennemgået dem sidder du rigtig godt i sadlen.
Er du til læsning er al dokumentation samlet på adressen http://www.adobe.com/support/documentation/en/flex/ Hvor alle aspekter af programmet kan hentes i PDF form eller browses online.

Hov, der er forresten også en gratis bog fra O’Reilly kaldet “Getting started with Flex 3,” som du kan hente på  http://www.adobe.com/devnet/flex/pdfs/getting_started_with_Flex3.pdf

Jeg kan blive ved, men du skal vist hellere bare gå i gang med det der er vist pt.

Spørgsmål til programmet kan skrives på www.hjaelpmignu.dk under Flashbuilder Pro på adressen http://www.hjaelpmignu.dk/forum/346. Flashbuilder er navnet på den næste version af Flex, der i øjeblikket er i beta – det kan godt forvirre lidt med navnene

P.S: på sitet https://freeriatools.adobe.com/ har du mulighed for at få en studie-version. Hvis du kan dokumentere at du er studerende eller er arbejdsløs udvikler. Det giver duig mulighed for at tilegne dig færdigheder i prorgammet. Det er vigtigt at understrege at du ikke må bruge disse versioner til kommerciel brug. Det er ikke tilfældet med det andet tilbud, øverst.

Resultatet er blevet Drupal, som giver mig en meget åben ramme at arbejde indenfor. Meget af det var selvfølgelig også muligt med den tidligere version, men jeg føler det nemmere at begå mig i Drupal – både hvad gælder den normale vedligeholdese af indhold, men også når det kommer til videreudvikling og opdatering af plugins osv.

Jeg håber at i vil tage godt i mod sitet, og stille en masse interessante spørgsmål – meningen med sitet er jo at lave tutorials, der i vid udstrækning baserer sig på dine spørgsmål. Et eksempel kan være, dette spørgsmål, der blev til dette svar.

Her er et par link til de vigtige sektioner

• http://www.hjaelpmignu.dk/forum (Forum)
• http://www.hjaelpmignu.dk/artikler (Artikler)
• http://www.hjaelpmignu.dk/contact (Kontakt)

Vel mødt på sitet

/ockley

Titel: Learning ActionScript 3.0 – A Beginner’s Guide

Sider: 363

Forfatter: Rich Shupe, Zevan Rosser

Udgiver: O’Reilly

Genre: ActionScript 3.0

ISBN:
ISBN-10: 0-596-52787-X
ISBN-13: 978-0-596-52787-7

Introduktion

Jeg har læst mange bøger om ActionScript 3.0, men det er sjældent at jeg er blevet så fanget af en bog som jeg er blevet af Learning ActionScript 3.0 – A Beginner’s Guide. Der er flere grunde til at jeg har lyst til at fremhæve den, og give den topkarakter.

Farver og linjer

Jeps, En ActionScript bog i farver. Jeg har egentlig aldrig rigtig tænkt over, hvor meget det forbedrer læsevenligheden – det er ret vildt. Al koden er skrevet i farver som du genkender fra Flash. Derudover er linjerne nummereret, hvilket gør det uhyre nemt at overskue længere kodestumper. De steder i bogen hvor koden bygges op lidt ad gangen er det også nemt at orientere sig i forhold til de brudstykker der bliver pillet ud og forklaret.

For børn i alle aldre

Du må ikke lade dig narre af titlen: “A Beginner’s Guide” for der er sandelig rigtig meget at komme efter for en trænet udvikler. Der er nok af små fif i de senere kapitler, og måder forfatterne forklarer det på, til at alle føler der er gods i bogen. Nogen vil måske mene at der er så meget i bogen at begyndere bliver hægtet af til sidst.

Sproget er vigtigt

Bogen er uhyre velskrevet. Der bliver brugt lange afsnit på forklaringer om begreber, metoder og egenskaber. Hvor mange andre ActionScript bøger fokuserer meget på at vise en masse kode, kan der her nemt tages et opslag eller to fra, til at forklare om principperne i det som koden udfører.

Billeder, Illustrationer osv

Der er rigtig mange illustrationer. Ikke kun skærmdumps af Flash, eller resultatet af din kode, men også gedigen infografik, der viser principperne i noget af den matematik e. lign. du skal arbejde med.

Indhold

Hvad skriver de så om, i bogen? De dækker faktisk et meget bredt område. Uden at gå for meget i kapitel tilstand kan jeg dele det lidt op i faser:

Overblik

Den starter med et dybdegående overblik over Flash Platformen, hvad det betyder og hvilke programmer der leverer til den. Den gennemgår derefter forskellene i procedural- og Object-Orientered programming. Når alt det indledende er på plads løber den en 40 sider igennem med variabler, funktioner, klasser osv – der er fart på, så hvis man er helt ny er det vigtigt at man “tygger maden godt her” og prøver de ting der er beskrevet.

Display List

Ingen ActionScript-bog uden en god gennemgang af display listen – et problem de fleste ridligere bruger bøvler med. Her gennemgås hvordan man tilføjer- eller fjerner objekter, bytter rundt på dem osv. Der kommer også et OOP afsnit, der fortæller om Classes, Inheritance, Composition og et par andre relevante Design Patterns.

Bevægelse og tegning

Efter man har læst de første 100 sider, skulle man allerede være ret habil i forhold til sproget. Nu begynder nogle af koncepterne at udfolde sig i programmeret bevægelse og partikelsystemer. Endelig bliver Graphics-klassen gennemgået og du bliver præsenteret for nogle meget tunge emner som matricer og trigonometri (Arrgh)

Der er også afsat god plads til at forstå hvordan Flash arbejder med pixels. Du gennemgår BitmapData, Blend Modes, filtre og Color Effects, og her (200 sider inde) burde din hjerne sprudle af idéer til, hvordan den nyvundne viden kan udnyttes i praksis.

Tekst

I en særskilt sektion bliver teksten behandlet. Bogen går godt i dybden med forklaringerne når det kommer til at oprette tekstfelter, redigere dem, indlejre fonte og tilknytte CSS. Der bliver også taget fat på, hvordan HTML arbejder inde i flash og hvilke muligheder du har for at kalde ActionScript fra HTML.

Lyd og video

Næsten til slut, tages der hul på behandlingen af video og lyd. Du lærer at hente ID3 data fra musik. Visualisere waveforms, arbejde med webcam og mikrofon, streame lyd og video osv. osv. Her skal du virkelig have ørene ind til hovedet for at følge med.

Input/Output

Til allersidst tages der hul på mulighederne for at hente data ind i flash. Det har været gennemgået sporadisk tidligere, men nu bliver der taget fat om nældens rod og du bliver trukket godt rundt til de forskellige emner der normalt hentes (text, video, billede, swf og lyd). Derefter er et helt kapitel tilegnet XML og E4X. For en Flashudvikler, -designer er det et must at kunne håndtere XML, og dette kapitel ruster dig rigtig godt til at løfte opgaven.

Ressourcer

Sidst i bogen er der en beskrivelse af nogle metoder til at gribe et flash-projekt an på og en række referencer til ressourcer, blogs osv.

Afslutning

Slap af, Karsten. Du får penge for det. Niks – ikke i dette tilfælde i hvertfald. Jeg synes denne her bog er så god at jeg vil sige det til alle der gider at høre på det. Den gennemgår så mange teknikker (mange som jeg ikke kendte) og forklarer det på en måde som jeg i hvertfald synes gør den let fordøjelig.

Held og lykke med den, hvis I anskaffer jer den. Skriv gerne kommentarer hvis i har læst den, eller vil høre om den tager bestemte emner op.

Med venlig hilsen
Karsten Vestergaard (ockley)

/ockley