Bitmap Explosion Effect + Cool Flash links.

I’ve got a few games in development at the minute, so nothing much finished to show off. What I will do is show you one of the fun effects I’ve been making and point you in the direction of a couple of really cool projects other people have made recently.

Hot on heel of my first ever 3D flash gamePlug In Media have launched a phenomenal site, using 3D in flash to amazing effect. There’s far too much cool stuff going on to mention, so if you haven’t seen it already – go and check it out.
seb
One section I liked especially, was the hand painting. Check out my artwork –
handsPaint

Another cool site launched recently, is Studio Luden’s Repper. It’s a flash app for creating seamless tiling images, and is really fun and easy to use.
You can read up on Repper here. I’ve requested live webcam support, which would be great fun. Here’s a creepy kitty head I made with it – a very headache inducing background.
kitten

And finally, sticking with the theme of cat’s heads – here’s the explosion effect I’ve been working on. You roll over the images to explode them into particles, and you can then roll over each of those to explode them further. I’ve not optimised it yet, but it’s running quite well in LOW quality.
catHead

Let me know what you think.
Cheers.
Lawrie.

CIA World Fact Book Data Visualisation tool.

Hello again!
Today I’m posting an AS3 experiment I made when I was playing around with parsing data, and making info-graphics.
CIA Factbook flash

I was inspired to try some data visualisation and info-graphics when I started reading the brilliant blog – Flowing Data.

FlowingData explores how designers, statisticians, and computer scientists are using data to understand ourselves better – mainly through data visualization. Money spent, reps at the gym, time you waste, and personal information you enter online are all forms of data. How can we understand these data flows? Data visualization lets non-experts make sense of it all.

It’s a really interesting blog, you should check it out.

So, I went out to find some data to play around with. Eventually, I found this data set, the CIA World Factbook. It’s a really interesting source of national statistics, on all sorts of things.

In this flash file, I parse out the data from the CIA Fact Book, and split it into countries, category of measurement and the data for each category for each country. These measurements are then displayed using a basic bar-chart.

Take a look here and let me know what you think.
Cheers.
Lawrie.

Eraser Text Effect

A few weeks ago, I watched the Schwarzenegger classic – Eraser. It’s not one of the best Arnie films, but I liked a text effect they used on the opening credits. The cast’s names were written in, then blurred vertically, as they were split into two copies, and panned left and right.
So I went home and thought about recreating the effect in flash. Here’s my first set of results, the opening titles for Eraser 2.
[kml_flashembed fversion=”9.0.0″ movie=”flash-content/eraser/Eraser.swf” targetclass=”flashmovie” publishmethod=”static” width=”450″ height=”100″]

Get Adobe Flash player

[/kml_flashembed]
And here’s some un-optimised, uncommented code –

//Eraser style blur effect - NB. Clip must be centred top left.
var generations:int = 100;
var generationsCounter:int = 0;

function eraserEffect(clip):void {
	var bf:BlurFilter = new BlurFilter(2, 25, 1);
	var bmd1:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight,true,0x00CCCCCC);
	var bm1:Bitmap = new Bitmap(bmd1,"auto",true);
	var bmd2:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight,true,0x00CCCCCC);
	var bm2:Bitmap = new Bitmap(bmd1,"auto",true);
	
	var baseX = clip.x;
	var baseY = clip.y;
		
	bm1.x = bm2.x = baseX;
	bm1.y = bm2.y = baseY;

	bmd1.draw(clip);
	bmd2.draw(clip);
	
	addChild(bm1);
	addChild(bm2);
	
	stage.addEventListener(Event.ENTER_FRAME, blurThem);
	
	clip.visible = false;
	
	function blurThem(e:Event):void {

		bmd1.applyFilter(bmd1, bmd1.rect, new Point(0,0), bf);
		bmd2.applyFilter(bmd2, bmd2.rect, new Point(0,0), bf);
		bm1.x+=2;
		bm2.x-=2;

		generationsCounter++;

		if (generationsCounter>generations) {
			generationsCounter = 0;
			stage.removeEventListener(Event.ENTER_FRAME, blurThem);
			bmd1 = null;
			bmd2 = null;
			bm1.parent.removeChild(bm1);
			bm2.parent.removeChild(bm2);
		}
	}
}

eraserEffect(YourClipHere);

Cheers.
Lawrie.

Update – I found a youTube video of the opening credits, and it seems I didn’t remember them exactly. There’s not half as much Y blur on the real ones, but a pretty good quick try of the effect I think.

PS – If you’re wondering, the font is Technetium from the great Divide By Zero.