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

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

Pixel Bender kan bruges til at få computerens hardware til at regne på pixelinformationer. Det kan resultere i regulære filtre til billeder og video, men kan reelt være alle typer af data. Pixel Bender kernels kan umiddelbart bruges i Photoshop, After Effects og Flash.

Indtil nu har Pixel Bender og al information om den været på labs.adobe.com, men nu har den fået et værelse på Adobes Developer Connection.

Kig ind på http://www.adobe.com/devnet/pixelbender/ hvor du kan se en masse tutorials og videoklip, der kan forklare om mulighederne i programmet.

God fornøjelse

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

/ockley