iPhone apps built with with Flash CS5

Posted on February 2nd, 2010 by Pål – Be the first to comment

In the middle of all the “Flash on the iPad” controversy, it can be a little soothing to watch this video demoing apps built with upcoming Flash CS5.

http://theflashblog.com/?p=1737

Image burn out effect in AS3

Posted on January 18th, 2010 by Thomas H – Be the first to comment

Use your favourite tween engine and tween a property like so:

       public function get burn() : Number {
         return _burn;
	}
 
	public function set burn(value:Number) : void {
	  _burn = value;
	  var CF:Array = [1,0,0,0,255*_burn,
                                  0,1,0,0,255*_burn,
                                  0,0,1,0,255*_burn,
                                  0,0,0,1,255*_burn];
	  filters = [new ColorMatrixFilter(CF.concat())];
        }

Flash9 Popup-blocker developments.

Posted on January 12th, 2010 by hp. – Be the first to comment

For an introduction on the issue, check the old post Flash 9 for banner-ads (in norwegian).

Download the source files.

Most recent browsers support both navigateToURL and ExternalInterface. However, successful calls to the js-function do not return “YES” nor “NO” but null, causing the navigateToURL method to be called as well.

function openWindowAutoHandler(event:Event):void {
  if (externalInterfaceAvailable) {
    var openEIresult:String = ExternalInterface.call('function() {return (window.open("' + (clickTAG) + '", "_blank", "") ? "YES" : "NO") }');	
  }      
  if ((!externalInterfaceAvailable) || (openEIresult != "YES") || (userAgentString.indexOf("Opera") != -1)) {
    navigateToURL(new URLRequest(clickTAG), "_blank");		
  }
}

openEIresult in Internet Explorer 7.0: null (Loads the URL twice)
openEIresult in Internet Explorer 8.0: null (Loads the URL twice)
openEIresult in Firefox 3.5.6: “YES” (Works as intended)
openEIresult in Opera 10.10: “YES” (Loads the URL twice, caused by third test)

Anyone think of a clever fix to the dual dual loads issue, while still retaining compatibility with older browsers?

Google browser size tool

Posted on December 21st, 2009 by Thomas H – Be the first to comment

This odd tool overlays a browser size graph over your site of choice to show how big part of the page is actually seen by how many percent of users. This is based on statistics collected by google. The tool has its obvious limitations but what’s good about it I think is that it bases the graph on browser window sizes and not screen sizes. This takes ito account browser toolbars, windows toolbars and the fact that not all have maximized the browser window.

Check out more here

Lee Brimelow showing off CS5

Posted on December 17th, 2009 by Pål – 2 Comments

Lee runs through a couple of the new features on the new Flash CS5. I like the new font embedding and the .XFL format.
http://gotoandlearn.com/play?id=118

Also check out this on iPhone development with CS5
http://gotoandlearn.com/play?id=116

Make a regular N-gon, or two.

Posted on December 7th, 2009 by hp. – 2 Comments
package views.shapes {
import flash.events.Event;
import flash.display.Shape;
 
public class Ngon extends Shape {
 
	protected function redraw():void {			
		var r:Number = radius;
		var a:Number = angle;							
		var s:Number = Math.PI*2/sides;
		graphics.clear();
		graphics.beginFill(color,1);
		for (var i:uint = 0; i<=sides; ++i) {
			graphics.lineTo(r*Math.cos(a+s*i),r*Math.sin(a+s*i));
		}			
	}
 
	private var _sides:uint = 3;
	public function get sides():uint { return _sides; }
	public function set sides(value:uint):void {
		if (value !== _sides) { 
			_sides = value;
			redraw();
		}
	}	
 
	private var _color:uint = 0x0;
	public function get color():uint { return _color; }
	public function set color(value:uint):void {
		if (value !== _color) { 
			_color = value; 
			redraw()
		}
	}
 
	private var _radius:Number;
	public function get radius():Number { return _radius; }
	public function set radius(value:Number):void {
		if (value !== _radius) { 
			_radius = value;
			redraw();
		}
	}
 
	private var _angle:Number;
	public function get angle():Number { return _angle; }
	public function set angle(value:Number):void {
		if (value !== _angle) { 
			_angle = value; 
			redraw();
		}
	}
 
}
}

Copying or cloning arrays

Posted on November 20th, 2009 by Thomas H – 1 Comment

Obviously, this is something you already know, but if like me, you didn’t know what happens when you copy arrays this might help.

var a:Array = [new Object(), new Object(), new Object()];
var b:Array;
 
//Create a new reference to the array
b = a;
 
//Create a new array but have the same reference to its objects ( shallow copy )
b = a.slice();
b = a.concat(); //faster
 
//A way to actually clone an array and get new instance of the array and new instances of its objects
function clone(source:Object):* // function for deep copy
{
var myBA:ByteArray = new ByteArray();
myBA.writeObject(source);
myBA.position = 0;
return(myBA.readObject());
}
b = clone(a);

Don’t know if this is necessary needed for arrays containing numbers or string values, but for arrays with objects it is.

Read more here

Automatically embedding a Subversion revision number

Posted on November 20th, 2009 by Simen – Be the first to comment

One of the biggest annoyances when trying to test a Flash application is when you don’t know what version your user is currently looking at, this might be due to caching issues and what not.

The obvious solution is making sure your user can see the version number of your application at run-time and include that with a bug report or similar. I’ll be covering two different techniques to accomplish this.

Using conditional compilation

Our initial and current approach is using svnversion and compiler.define via Ant to include the version number as a constant.

<target name="Build">
	<exec executable="/usr/bin/svnversion" outputproperty="svn.revision">
		<arg value="."/>
	</exec>
 
	<mxmlc file="SomeApp.as" output="bin/MyApp-release.swf" debug="false">
		<source-path path-element="src"/>
 
		<define name="CONFIG::version" value="${svn.version}" />
	</mxmlc>
</target>

This approach works just fine but you’re somewhat tied to using Ant to build you projects.

Embedding your entries file

After using svnversion for a while I thought there has to be a way to embed the version number using any compilation method, which lead me to the [Embed] meta-tag of AS3. This allows you to embed any file when specifying a mimeType of application/octet-stream.

You could for example embed a PSD file and read something from it at run-time.

[Embed(source="SomeFile.psd", mimeType="application/octet-stream")]
var SomeFileByteArray:Class;
var bytes:ByteArray = (new SomeFileByteArray()) as ByteArray;
 
trace(bytes.readUTFBytes(50)); // Read the first 50 bytes

And after tinkering around in the secretive .svn directory I came up with the SVNUtil class.

package {
	import flash.utils.ByteArray;
 
	public class SVNUtil {
		private static const VERSION_PATTERN:RegExp = /dir\xa(\d+)\xa/;
 
		[Embed(source="../.svn/entries", mimeType="application/octet-stream")]
		private static var _entriesByteArray:Class;
 
		public static function get version():String {
			var entries:String = readEntries(20);
			var matches:Array = entries.match(VERSION_PATTERN);
 
			if (matches) {
				return matches[1];
			}
 
			return null;
		}
 
		private static function readEntries(length:uint):String {
			return (new _entriesByteArray() as ByteArray).readUTFBytes(length);
		}
	}
}

To use it, simply refer to it somewhere in your application.

public class MyApplication extends Sprite {
	public static const VERSION:String = SVNUtil.version;
 
	public function MyApplication() {
		trace("Application version:", VERSION);
 
		// Or you can call it directly
		trace("Application version", SVNUtil.version);
	}
}

As a final note this is experimental hacking, but it’s done at compile time so you won’t have to deal with run-time errors, I’m planning on posting up a similar class for Git when time allows.

Some quick links about the Flash Player 10.1 Beta

Posted on November 17th, 2009 by Pål – Be the first to comment

Doing some catching up on Twitter yesterday, I came over of a couple of nice links on the 10.1 Beta release. Some of the busswords are Global Error Handling, Microphone Access, Multi Touch & GPU Acceleration:

GPU benchmarking on video playback (i.e. from 60% to 12% CPU usage on YouTube in 720p!):
http://www.engadget.com/2009/11/17/adobes-flash-player-10-1-beta-gpu-acceleration-tested-document/

Flash Player 10.1 articles (with Videos) from Adobe:
http://www.adobe.com/devnet/flashplayer/

Download it on Labs:
http://labs.adobe.com/technologies/flashplayer10/

Release notes:
http://labs.adobe.com/technologies/flashplayer10/releasenotes.pdf

Wordpress cheat sheet

Posted on November 9th, 2009 by Anders – Be the first to comment

Nice visual cheat sheet of Wordpress 2.8 template tags. It’s a full reference guide with detailed descriptions and sample code.

Read more at woorkup.com.