A great source for inspiration and making your own color themes is Adobe Kuler. It’s a free service and features all the common color picking techniques. They also have an API available for non-commercial use. It’s perfect for use with flash and its really simple to use thanks to the ColorMunch AS3 class by Ben Kanizay. I used it for color picking in my ChannelColorizer.
Here is a basic example for making a search for “banana”-themes from Kuler in Actionscript 3. To use it you need the ColorMunch class an your own Kuler API key. There are some more examples in the ColorMunch wiki, but you’ll find the most useful information in the documentation provided in the ColorMunch zip-package.
- Register for a Kuler API key
- Download the ColorMunch class and extract it to your fla-folder.
Example of using Adobe Kuler in Flash AS3 via the ColorMunch class:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | import beekay.colormunch.*; // creates a new ColorMunch instance with your Kuler API key var colormunch:ColorMunch = new ColorMunch("INSERT_YOUR_KULER_API_KEY_HERE"); // At a minimum listen for the 'resultReady' event // This will fire when the result has been recieved and processed colormunch.addEventListener(ColorMunchEvent.RESULT_READY, onResultReady); colormunch.addEventListener(ColorMunchEvent.ERROR, onResultError); function onResultReady(event:ColorMunchEvent) { trace("Kuler recieved"); var theme:Theme = colormunch.getRandomTheme(); var themeSprite:Sprite = theme.getThemeSprite(); themeSprite.width = stage.stageWidth; themeSprite.height = stage.stageHeight; // Put the theme sprite on the stage addChild(themeSprite); // Get information about the selected theme trace("Loading theme: " + theme.getThemeTitle()); // access swatch information through the theme object var swatch:Swatch; var col:uint; var cR:uint; var cG:uint; var cB:uint; for (var i:int = 0; i < theme.getSwatchCount(); i++) { // get the color swatch= theme.getSwatchByIndex(i); col = swatch.getHex(); // Split the color into RGB cR = (col >> 16) & 0xFF; cG = (col >> 8) & 0xFF; cB = col & 0xFF; trace("RGB:", cR, cG, cB); } } function onResultError(event:ColorMunchEvent) { trace("Kuler error: " + event.data); } // Everything prepared, now search for 10 "banana" themes starting at 0 colormunch.searchThemes(ColorMunch.FILTER_NONE, "banana", 0, 10); |
1 Pingback