Harness the Power of Palette Mapping to Customize Game Characters – Active Premium
plus

Harness the Power of Palette Mapping to Customize Game Characters – Active Premium

Tutorial Details
  • Difficulty: Advanced
  • Platform: Flash
  • Language: AS3
  • Software used: Flash Professional CS5
  • Estimated Completion Time: 45 mins
Download Source Files

Cadin’s back! The man behind such classic Activetuts+ tutorials as the Static Distortion Effect and the Airport Terminal Timer has pulled together a brilliant game development tut for Premium members. You’ll want to check this one out..


Essential Tips for Advanced Game Developers

In this tutorial I’ll show you how to use AS3′s PaletteMap feature to create a character customization interface for your next game.


Why Palette Mapping?

In the past, whenever I wanted to attempt dynamic asset coloring Google searches inevitably led me to the ColorTransform class. ColorTransform works fine for modifying solid colors, but if you’re trying to color a complex piece of art the result is typically not what you want.

The results of ColorTransform and PaletteMap compared

With palette mapping we can analyze each pixel of an asset and change the color appropriately to retain the highlights and shading of the original image. It’s not immediately clear from the documentation for paletteMap how to make use of it, so that’s what I’m going to cover here.


Professional and Detailed Instructions Inside

Premium members can Log in and Download! Otherwise, Join Now! Below are some sample images to give you a taste..

Cupcake character layer separation
diagram of color mapping
diagram of the animation system

Active Premium Membership

Activetuts+ Premium Membership

We run a Premium membership system which costs $19 a month which periodically gives members access to extra tutorials, like this one! You’ll also get access to Psd Premium, Vector Premium, Audio Premium, Net Premium, Ae Premium, Cg Premium and Photo Premium too. If you’re a Premium member, you can log in and download the tutorial. If you’re not a member, you can of course join today!

Also, don’t forget to follow @envatoactive on twitter and grab the Activetuts+ RSS Feed to stay up to date with the latest tutorials and articles.

Tags: Premium
Add Comment

Discussion 2 Comments

  1. geoff brown says:

    thumbs up! kinda like a spot-color plate on a printing press.

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.