Oops… I think I just blogged

For the generative art framework ARTionscript I wanted to be able to dynamically change the colours of an image using actionscript. This can easily be done using Photoshop (or similar), but what about the latest uploaded Flickr image?

Having experimented with a few options, I settled on the following process:

• Load an external image
• Convert the BitmapData of the image to grey scale
• Perform a histogram equalisation on the BitmapData
• Posterize / limit the BitmapData to the number of colours in the new palette
• Swap the remaining colours in the BitmapData with the colours in the new palette
• Create some effect using the new BitmapData

And here is the code which takes advantage of the BitmapData.histogram, BitmapData.paletteMap & ColorMatrixFilter :

package com.artionscript.assistants
{
	import com.artionscript.palettes.Palette;
	import flash.display.BitmapData;
	import flash.filters.ColorMatrixFilter;
	import flash.geom.Matrix;
	import flash.geom.Point;
	import flash.geom.Rectangle;
	/**
	 * ...
	 * @author Trevor Boyle
	 */
	public class ImageAssistant
	{
		public static function convertBDToGreyScale(sourceBD:BitmapData):BitmapData {
			//BT.709-5 luminance constants

			var tempBD:BitmapData = sourceBD.clone();

			var greyScaleCMF:ColorMatrixFilter = new ColorMatrixFilter();
			greyScaleCMF.matrix = new Array(
			0.2125, 0.7154, 0.0721, 0, 0,
			0.2125, 0.7154, 0.0721, 0, 0,
			0.2125, 0.7154, 0.0721, 0, 0,
			0, 0, 0, 1, 0);

			tempBD.applyFilter(tempBD, new Rectangle(0, 0, tempBD.width, tempBD.height), new Point(0, 0), greyScaleCMF);

			return tempBD;
		}

		public static function equaliseGreyScaleBDHistogram(sourceBD:BitmapData):BitmapData {
			//concept by http://www.generation5.org/content/2004/histogramEqualization.asp

			var tempBD:BitmapData = sourceBD.clone();

			var v:Vector.<vector .<Number>> = tempBD.histogram();

			var adjustmentMultiplier:Number = 255 / (tempBD.width * tempBD.height);
			var tempAdjustedFreq:int;
			var cumulativeFreq:Number = 0;
			var adjustedRedFreqArr:Array = new Array();
			var adjustedGreenFreqArr:Array = new Array();
			var adjustedBlueFreqArr:Array = new Array();
			for (var i:int=0; i < 256; i++) {
				cumulativeFreq += v[0][i];

				tempAdjustedFreq = cumulativeFreq * adjustmentMultiplier;

				adjustedRedFreqArr[i] = tempAdjustedFreq << 16
				adjustedGreenFreqArr[i] = tempAdjustedFreq << 8
				adjustedBlueFreqArr[i] = tempAdjustedFreq
			}

			tempBD.paletteMap(tempBD, new Rectangle(0, 0, tempBD.width, tempBD.height), new Point(0, 0),
adjustedRedFreqArr, adjustedGreenFreqArr, adjustedBlueFreqArr, null);

			return tempBD;
		}
		 Continue reading &rarr;</vector>