[SWF(width=560,height=300,backgroundColor=0x000000,frameRate=30)]
var key:Object = new Object();
var alphabet:Array = "abcdefghijklmnopqrstuvwxyz".split("");
var num:Number = alphabet.length;
var step:Number = 360 / num;
var colors:Object = new Object();
for (var i:int = 0; i<num; i++){
var index:String = alphabet[i];
key[index] = 65 + i;
var c:Array = hsv(i * step, 1, 1);
colors[index] = c[0] <<16 | c[1] <<8 | c[2];
}
alphabet.push("32");
num++;
key["32"] = 32;
colors["32"] = 0x333333;
x = y = 10;
var count:int = 0;
var size:int = 20;
stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyPressed);
function onKeyPressed(evt:KeyboardEvent):void{
for (var i:int= 0; i<num; i++){
var index:String = alphabet[i];
if (index == "32"){
trace("hi", evt.keyCode, key[index]);
}
if (evt.keyCode == key[index]){
graphics.beginFill(colors[index]);
var xp:int = count % num * size;
var yp:int = int(count / num) * size;
graphics.drawRect(xp, yp, size, size);
count++;
}
}
}
// ported from here:
//http://www.cs.rit.edu/~ncs/color/t_convert.html
function hsv(h:Number, s:Number, v:Number):Array{
var r:Number, g:Number, b:Number;
var i:int;
var f:Number, p:Number, q:Number, t:Number;
if (s == 0){
r = g = b = v;
return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
}
h /= 60;
i = Math.floor(h);
f = h - i;
p = v * (1 - s);
q = v * (1 - s * f);
t = v * (1 - s * (1 - f));
switch( i ) {
case 0:
r = v, g = t, b = p;
break;
case 1:
r = q, g = v, b = p;
break;
case 2:
r = p, g = v, b = t;
break;
case 3:
r = p, g = q, b = v;
break;
case 4:
r = t, g = p, b = v;
break;
default: // case 5:
r = v, g = p, b = q;
break;
}
return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
}
This snippet is a typing experiment – for every letter, you type a box filled with a specific color is drawn to the stage. The color associated with each letter is determined by moving through hsv color space – so typing an alphabet will end up with something resembling a spectrum.
