Hier, krijg je een aantal tips van me waarmee je wellicht je actionscript 3 programmeerkunsten ietwat kunt verbeteren. Deze post is niet bedoeld voor geavanceerde actionscript 3 programmeurs, maar voor de beginners en overstappers van actionscript 2.

Continue reading →

Steeds meer banners worden tegenwoordig ook in actionscript 3 geprogrammeerd. En dat is voor veel bannerkoninkjes het begin van een hoop ellende, want er bestaat geen _root.clickTag meer (en getURL ook niet)!

Geen paniek jongens en meisjes! Hieronder kun je een actionscript 3 template downloaden waarmee je automatisch de clickTag weer gebruikt die als flashvar wordt meegegeven.

update: werkt ook op deze manier: [ link ]

[ download as3 banner template ]

Voor de copy-&-pasters onder jullie: Maak een hitBut op de stage en gooi deze code erbij. Recipe for succes.

var clickTagUrl:String;

try
{
 var keyStr:String;
 var paramObj:Object = LoaderInfo(this.root.loaderInfo).parameters;
 for (keyStr in paramObj)
 {
 if (keyStr == 'clickTag' || keyStr == 'clickTAG')
      clickTagUrl = String(paramObj[keyStr]);
 }
}
catch (error:Error)
{
 trace( error.toString() );
}
if (clickTagUrl == null)
{
  trace('!! no clickTag found !!');
}

hitBut.addEventListener(MouseEvent.CLICK, jumpToUrl);

function jumpToUrl(e:MouseEvent):void
{
  trace(clickTagUrl);

  try
  {
   navigateToURL(new URLRequest(clickTagUrl), '_self');
  }
  catch (error:Error)
  {
   trace("error: "+error.toString());
  }
}

“What? The singleton pattern is gone in FDT3 actionscript 3?” No it’s not! You just have to alter a bit of code to get it to work. FDT didn’t include this template in their version 3. I got the pattern from “Actionscript 3 with Design Patterns“. Here’s the template code to have the CTRL-space-singleton action back again :)

Open FDT preferences, goto templates, then add a new one for AS3 (see pic below)

package ${enclosing_package}
{
	/**
	 * @author ${user}
	 */
	public class ${enclosing_type}
	{
		private static var __instance:${enclosing_type};

		public function ${enclosing_type}(enforcer:SingletonEnforcer) {}

		public static function getInstance():${enclosing_type}
		{
			if (${enclosing_type}.__instance == null)
				__instance	= new ${enclosing_type}( new SingletonEnforcer() );

			return __instance;
		}
	}
}
class SingletonEnforcer {}

As a flash programmer or designer, you must run into this as wel. You have a big pile of png’s with transparency. You want to crop them to have as minimum transparency as possible (while maintaining the 1px transparent border).

Now here’s a tool for ya, which I created in AIR with Flex. Select a dir with PNG’s, then an output dir and off you go. It even outputs the crop positions (left, top, right, bottom) for you in a textfile.

This has no error handling yet, I’m just too lazy to build that. Here’s the full code. All up to you from here ;-) Oh, you need the as3corelib from Adobe for PNG encoding purpose.

update: Here’s the compiled air file for direct install (you’ll need to have AIR installed)

Zie hier drie briljant kleine functies om het leven van een programmeur wat aangenamer te maken: normalize, interpolate en map. Ideaal voor het maken van scrollbars, sliders of andere ellende waarbij je de properties van twee objecten met verschillend bereik met elkaar laat communiceren.

normalize geeft je een value tussen 0 en 1 terug op basis van de meegegeven value en bereik. Interpolate doet precies het tegenovergestelde. Deze geeft je de waarde terug van een genormalizede waarde binnen het meegegeven bereik. Map is de geniale combinatie van deze twee functies.

public static function normalize(value:Number, minimum:Number, maximum:Number):Number
{
return (value - minimum) / (maximum - minimum);
}

public static function interpolate(normValue:Number, minimum:Number, maximum:Number):Number
{
return minimum + (maximum - minimum) * normValue;
}

public static function map(value:Number, min1:Number, max1:Number, min2:Number, max2:Number):Number
{
return interpolate( normalize(value, min1, max1), min2, max2);
}

Je hebt ‘m nog niet? Ok. Stel je hebt een slider gemaakt en links en rechts de waarden 1kg en 500kg gezet. Je slider loopt van xpos = 50 t/m xpos = 250. Je wilt na het sliden van de user weten welke waarde in kg ie heeft gekozen.

Je normalized eerst de xpos door vNorm = normalize(xpos, 50, 250) te doen. Je weet nu waar je zit op de slider tussen 0 en 1. Deze waarde geef je door aan de interpolate: vInt = interpolate(vNorm, 1, 500) en deze geeft je dan het exacte aantal kg terug. En dat kan dan in één keer met val = map(xpos, 50, 250, 1, 500)!

Kleding op internet kopen is voor mij als jonge vader een uitkomst. Maar online ga je niet zo makkelijk even door alle shirtjes met je vingers.. In een winkel zie ik zo in een paar tellen of er wat tussen zit. Online moet ik het met platte plaatjes doen.

Dat kan toch ook anders? Hier een snelle frutsel van een tijdje terug. Inmiddels heb ik al van een betere versie gedroomd, met nog realistischere vervorming ;-)

klik voor the real thing

Zie hier een voorbeeld van een simpele carrousel in actionscript 2. Het aantal items is variabel, dus makkelijk aan te passen. Er wordt geen currentItem bijgehouden. Op het moment van animatie wordt er gekeken naar de voorganger om de nieuwe index te bepalen.

(klik na de klik op linker of rechter item om de carrousel te laten bewegen)

Hier zijn de sources.

Er zit genoeg commentaar bij om je te helpen.
Succes!