Comments on: BitmapData Average Colours

By: Anonymous

Anonymous — Fri, 22 Apr 2011 13:45:27 +0000

[...] [...]

By: Robert Jan Bijlsma

Robert Jan Bijlsma — Wed, 30 Mar 2011 14:54:29 +0000

isn’t there an error in your drawing method… all is shifted one row to the right and down?
should your draw function not contain the loop (can’t find your original source code anymore )

for (var i:int = 0; i < arr.length; i++)
{

col = i % columns;

_x = _w * col;
_y =_h * row;

_sprt.graphics.beginFill(arr[i]);
_sprt.graphics.drawRect(_x, _y, _w, _h);
_sprt.graphics.endFill();

if ( col == columns – 1 ) row++;

}

By: Tip: Use AS3′s Histogram() method for color averaging

Tip: Use AS3′s Histogram() method for color averaging — Mon, 07 Mar 2011 02:18:13 +0000

[...] I’ve been reusing a simple method of finding the average color of a region, based on an often-used technique of looping over each pixel, grabbing the pixel’s color using [...]

By: Making the most of your toy robot (Part 3 of 4) – Object Detection | Electric Pineapple

Thu, 18 Mar 2010 18:47:47 +0000

[...] spot is a colored ring that can be averaged out and determined to be in a specific range. Using the technique outlined here by Justin Windle we have averaged out the ring color and can ask if the RGB values are in the range [...]

By: Anonymous

Anonymous — Mon, 23 Nov 2009 19:58:04 +0000

THANK YOU!!! Found your site via Google. Saved me a ton of headaches with my code on a project at work. Was only getting the “R” or “B” of an image (not the whole image with all three colors combined). Thank you thank you thank you!!!

By: Collage Creator | Flash Monkey

Collage Creator | Flash Monkey — Sun, 22 Nov 2009 21:49:05 +0000

[...] I actually did a quick Google search for this one before I started writing it myself and found Justin Windle’s post which goes into detail about how this works. Once I had the color values I just compare them to [...]

By: Median Cut « GrgrDvrt

Median Cut « GrgrDvrt — Wed, 18 Nov 2009 16:45:57 +0000

[...] couleurs d’une belle image, tu peux tout de suite aller chez soulwire voir ces articles: couleurs moyennes et extraire une palette de couleurs, c’est plus simple et ça marche mieux. Par contre tu vas [...]

By: Case Study : ActionScript 3 Performance Optimization at Mike Chambers

Case Study : ActionScript 3 Performance Optimization at Mike Chambers — Tue, 13 Oct 2009 17:36:32 +0000

[...] an image, created by averaging the colors within that image. Upon searching on google, I found a very good solution over at soulwire.co.uk, which I will use as the base for creating the palette. I want to point out that the original code [...]

By: Who wins the award for most popular pixel? | BLOG.RUEDAMINUTE>COM

Who wins the award for most popular pixel? | BLOG.RUEDAMINUTE>COM — Fri, 02 Oct 2009 02:42:43 +0000

[...] Soulwire, a snippet that gets the average color in an [...]

By: Elliot Geno

Elliot Geno — Wed, 15 Jul 2009 18:44:54 +0000

There's a much easier way to find the average color of an area of pixels. It can streamline you code immensely, be more accurate, and be easy on your processor. First take your bitmapData for the bitmap you are sampling. Scale it down using a matrix... then blow it back up using a different matrix! The following essentially pixelates the image and blows it back up to fill the bitmap. Simply supply the function with a bitmap, the desired pixel width, and the desired pixel height. You can then sample each of those sections much easier.

 [ function pixelate(bitmap:Bitmap,pixelWidth:Number,pixelHeight:Number):BitmapData {
	var pixelScaleX:Number=1/pixelWidth;//find scale
	var pixelScaleY:Number=1/pixelHeight;
	// shrink bitmap
	var smallBitmapData:BitmapData=new BitmapData(pixelScaleX*bitmap.width,pixelScaleY*bitmap.height,true,0x00000000);//create small bitmap
	var smallMatrix:Matrix=new Matrix();
	smallMatrix.scale(pixelScaleX,pixelScaleY);//physically scales the bitmap
	smallBitmapData.draw(bitmap,smallMatrix,new ColorTransform(),"normal",new Rectangle(0,0,bitmap.width,bitmap.height),false);// get original bitmap at smaller size using the smallMatrix
	// enlarge bitmap
	var newBitmapData:BitmapData=new BitmapData(bitmap.width,bitmap.height,true,0x00000000);//create normal sized bitmap
	var newMatrix:Matrix=new Matrix();
	newMatrix.scale(bitmap.width/smallBitmapData.width,bitmap.height/smallBitmapData.height);
	newBitmapData.draw(smallBitmapData,newMatrix,new ColorTransform(),"normal",new Rectangle(0,0,bitmap.width,bitmap.height),false);
	// return the new bitmap
	return newBitmapData;
} ]