SuperColor : récupérer la cible (et correction de bug)
Par -Alexandre LEGOUT aka LAlex- le jeudi, août 5 2004, 14:56 - AS2 - Lien permanent
Un des aspects pas pratiques de la classe Color est l'impossibilité de que l'on a de récupérer le clip ciblé par cet objet. J'ai donc un peu modifié ma classe SuperColor afin qu'elle contienne une méthode qui renvoie une référence au clip affecté par les changements de couleurs :
/**
* Super Color
* extended Color class
*
* -----------------------------------
*
* Based on <a href="http://www.robertpenner.com/">Robert PENNER</a> Color Toolkit v1.2
*
* Properties
*
* _brightness
* _brightOffset
* _negative
*
* _rgb
* _rgbStr
* _red
* _green
* _blue
*
* _redPercent
* _greenPercent
* _bluePercent
*
* _redOffset
* _greenOffset
* _blueOffset
*
* Methods
*
* getTarget()
*
* setRGBStr()
* getRGBStr()
* setRGB2()
* getRGB2()
* reset()
*
* setBrightness()
* getBrightness()
* setBrightOffset()
* getBrightOffset()
*
* setTint()
* getTint()
* setTint2()
* getTint2()
* setTintOffset()
* getTintOffset()
*
* getNegative()
* setNegative()
* invert()
*
* setRed()
* getRed()
* setGreen()
* getGreen()
* setBlue()
* getBlue()
*
* setRedPercent()
* getRedPercent()
* setGreenPercent()
* getGreenPercent()
* setBluePercent()
* getBluePercent()
*
* setRedOffset()
* getRedOffset()
* setGreenOffset()
* getGreenOffset()
* setBlueOffset()
* getBlueOffset()
*
* @version 0.2
* @author <a href="http://www.lalex.com/">LAlex</a>
* @since 05/08/2004
*/
class com.lalex.movieclip.SuperColor extends Color {
private var _targetMC:MovieClip;
/**
* Constructor
* @param clip Clip to apply the color
*/
function SuperColor(clip:MovieClip) {
super(clip);
_targetMC = clip;
}
/**
* Returns affected clip
* @return Targeted MovieClip
*/
public function getTarget():MovieClip {
return _targetMC;
}
// ----------o RGB
/**
* Set an RGB value from an hexadecimal string
* @param hexStr Hexadecimal value string
*/
public function setRGBStr(hexStr:String) {
// grab the last six characters of the string
hexStr = hexStr.substr (-6, 6);
setRGB (parseInt (hexStr, 16));
}
/**
* Get the RGB value as a string
* @return Hexadecimal value string
*/
public function getRGBStr():String {
var hexStr:String = getRGB().toString(16);
// fill in zeroes as needed
var toFill:Number = 6 - hexStr.length;
while (toFill--) hexStr = "0" + hexStr;
return hexStr.toUpperCase();
}
/**
* Set red, green, and blue with normal numbers
* @param r Red value between 0 and 255
* @param g Greeb value between 0 and 255
* @param b Blue value between 0 and 255
*/
public function setRGB2(r:Number, g:Number, b:Number) {
setRGB (r << 16 | g << 8 | b);
} // Branden Hall - <a href="http://www.figleaf.com">www.figleaf.com</a>
/**
* @return Object with r, g, and b properties
*/
public function getRGB2():Object {
var t = getTransform();
return {r:t.rb, g:t.gb, b:t.bb};
}
/**
* Reset the color object to normal
*/
public function reset() : Void {
setTransform ({ra:100, ga:100, ba:100, rb:0, gb:0, bb:0});
}
// ----------o Brightness
/**
* Brighten just like Property Inspector of MovieClip
* @param val Brightness between -100 and 100
*/
function setBrightness(val:Number) {
var trans:Object = getTransform();
with (trans) {
ra = ga = ba = 100 - Math.abs(val);
rb = gb = bb = (val > 0) ? val * (256/100) : 0;
}
setTransform(trans);
}
/**
* @return Brightness set with setBrightness
* @see setBrightness
*/
function getBrightness():Number {
var trans:Object = getTransform();
with (trans) {
return rb ? 100 - ra : ra - 100;
}
}
/**
* Set brightness offset
* @param val Offset between -255 and 255
*/
function setBrightOffset(val:Number) {
var trans:Object = getTransform();
with (trans) {
rb = gb = bb = val;
}
setTransform(trans);
}
/**
* @return Brightness set with setBrightOffset
* @see setBrightOffset
*/
function getBrightOffset():Number {
return getTransform().rb;
}
// ----------o Tint
/**
* Tint with a color just like Property Inspector
* @param r Red value between 0 and 255
* @param g Greeb value between 0 and 255
* @param b Blue value between 0 and 255
* @param percent Between 0 and 100
*/
public function setTint(r:Number, g:Number, b:Number, percent:Number) {
var ratio = percent / 100;
var trans = {rb:r*ratio, gb:g*ratio, bb:b*ratio};
trans.ra = trans.ga = trans.ba = 100 - percent;
setTransform (trans);
}
/**
* @return tint object containing r, g, b, and percent properties
* @see setTint
*/
public function getTint():Object {
var trans:Object = getTransform();
var tint:Object = {percent: 100 - trans.ra};
var ratio:Number = 100 / tint.percent;
tint.r = trans.rb * ratio;
tint.g = trans.gb * ratio;
tint.b = trans.bb * ratio;
return tint;
}
/**
* tint with a color - alternate approach
* @param rgb Color number between 0 and 0xFFFFFF
* @param percent Between 0 and 100
*/
public function setTint2(rgb:Number, percent:Number) {
var r:Number = (rgb >> 16) ;
var g:Number = (rgb >> <img src="http://common.lalex.com/themes/devblog/smilies/icon_cool.gif" alt="8)" class="smiley" /> & 0xFF;
var b:Number = rgb & 0xFF;
var ratio:Number = percent / 100;
var trans:Object = {rb:r*ratio, gb:g*ratio, bb:b*ratio};
trans.ra = trans.ga = trans.ba = 100 - percent;
setTransform (trans);
}
/**
* @return a tint object containing rgb (a 0xFFFFFF number) and percent properties
* @see setTint2
*/
public function getTint2():Object {
var trans:Object = getTransform();
var tint:Object = {percent: 100 - trans.ra};
var ratio:Number = 100 / tint.percent;
tint.rgb = (trans.rb*ratio)<<16 | (trans.gb*ratio)<<8 | trans.bb*ratio;
return tint;
}
// ----------o Tint offset
/**
* @param r Red value between 0 and 255
* @param g Greeb value between 0 and 255
* @param b Blue value between 0 and 255
*/
public function setTintOffset(r:Number, g:Number, b:Number) {
var trans:Object = getTransform();
with (trans) {
rb = r;
gb = g;
bb = b;
}
setTransform (trans);
}
/**
* @return Object containing r, g, b properties
* @see setTintOffset
*/
public function getTintOffset():Object {
var t:Object = getTransform();
return {r:t.rb, g:t.gb, b:t.bb};
}
// ----------o Negative and invert
/**
* Produce a negative image of the normal appearance
* @param percent Between 0 and 100
*/
public function setNegative(percent:Number) {
var t:Object = {};
t.ra = t.ga = t.ba = 100 - 2 * percent;
t.rb = t.gb = t.bb = percent * (255/100);
setTransform (t);
}
/**
* @return Negative percentage
* @see setNegative
*/
public function getNegative():Number {
return getTransform().rb * (100/255);
}
/**
* Invert the current color values
*/
public function invert() {
var trans:Object = getTransform();
with (trans) {
ra = -ra;
ga = -ga;
ba = -ba;
rb = 255 - rb;
gb = 255 - gb;
bb = 255 - bb;
}
setTransform (trans);
}
// ----------o Color values
/**
* Set red value
* @param amount Between 0 and 255
*/
public function setRed(amount:Number) {
var t = getTransform();
setRGB (amount << 16 | t.gb << 8 | t.bb);
}
/**
* Get red value
* @return Value between 0 and 255
* @see setRed
*/
public function getRed():Number {
return getTransform().rb;
}
/**
* Set green value
* @param amount Between 0 and 255
*/
public function setGreen(amount:Number) {
var t = getTransform();
setRGB (t.rb << 16 | amount << 8 | t.bb);
}
/**
* Get green value
* @return Value between 0 and 255
* @see setGreen
*/
public function getGreen():Number {
return getTransform().gb;
}
/**
* Set blue value
* @param amount Between 0 and 255
*/
public function setBlue(amount:Number) {
var t = getTransform();
setRGB (t.rb << 16 | t.gb << 8 | amount);
}
/**
* Get blue value
* @return Value between 0 and 255
* @see setBlue
*/
public function getBlue():Number {
return getTransform().bb;
}
// ----------o Color percentages
/**
* Set red percentage
* @param percent Between -100 and 100
*/
public function setRedPercent(percent:Number) {
var trans:Object = getTransform();
trans.ra = percent;
setTransform (trans);
}
/**
* Get red percentage
* @return Value between -100 and 100
* @see setRedPercent
*/
public function getRedPercent():Number {
return getTransform().ra;
}
/**
* Set green percentage
* @param percent Between -100 and 100
*/
public function setGreenPercent(percent:Number) {
var trans:Object = getTransform();
trans.ga = percent;
setTransform (trans);
}
/**
* Get green percentage
* @return Value between -100 and 100
* @see setGreenPercent
*/
public function getGreenPercent():Number {
return getTransform().ga;
}
/**
* Set blue percentage
* @param percent Between -100 and 100
*/
public function setBluePercent(percent:Number) {
var trans:Object = getTransform();
trans.ba = percent;
setTransform (trans);
}
/**
* Get blue percentage
* @return Value between -100 and 100
* @see setBluePercent
*/
public function getBluePercent():Number {
return getTransform().ba;
}
// ----------o Color offsets
/**
* Set red offset
* @param offset Between -255 and 255
*/
public function setRedOffset(offset:Number) {
var trans:Object = getTransform();
trans.rb = offset;
setTransform (trans);
}
/**
* Get red offset
* @return Value between -255 and 255
* @see setRedOffset
*/
public function getRedOffset():Number {
return getTransform().rb;
}
/**
* Set green offset
* @param offset Between -255 and 255
*/
public function setGreenOffset(offset:Number) {
var trans:Object = getTransform();
trans.gb = offset;
setTransform (trans);
}
/**
* Get green offset
* @return Value between -255 and 255
* @see setGreenOffset
*/
public function getGreenOffset():Number {
return getTransform().gb;
}
/**
* Set blue offset
* @param offset Between -255 and 255
*/
public function setBlueOffset(offset:Number) {
var trans:Object = getTransform();
trans.bb = offset;
setTransform (trans);
}
/**
* Get blue offset
* @return Value between -255 and 255
* @see setBlueOffset
*/
public function getBlueOffset():Number {
return getTransform().bb;
}
// ----------o Getter/Setter
/**
* RGB value
* @type Number
*/
function set _rgb(val:Number) {
setRGB(val);
}
function get _rgb():Number {
return getRGB();
}
/**
* RGB value
* @type String
*/
function set _rgbStr(val:String) {
setRGBStr(val);
}
function get _rgbStr():String {
return getRGBStr();
}
/**
* Brightness value
* @type Number
*/
function set _brightness(b:Number) {
setBrightness(b);
}
function get _brightness():Number {
return getBrightness();
}
/**
* Brightness offset
* @type Number
*/
function set _brightOffset (b:Number) {
setBrightOffset(b);
}
public function get _brightOffset():Number {
return getBrightOffset();
}
/**
* Negative percentage
* @type Number
*/
public function set _negative(p:Number) {
setNegative(p);
}
public function get _negative():Number {
return getNegative();
}
/**
* Red value
* @type Number
*/
public function set _red(v:Number) {
setRed(v);
}
public function get _red():Number {
return getRed();
}
/**
* Green value
* @type Number
*/
public function set _green(v:Number) {
setGreen(v);
}
public function get _green():Number {
return getGreen();
}
/**
* Blue value
* @type Number
*/
public function set _blue(v:Number) {
setBlue(v);
}
public function get _blue():Number {
return getBlue();
}
/**
* Red percentage
* @type Number
*/
public function set _redPercent(v:Number) {
setRedPercent(v);
}
public function get _redPercent():Number {
return getRedPercent();
}
/**
* Green percentage
* @type Number
*/
public function set _greenPercent(v:Number) {
setGreenPercent(v);
}
public function get _greenPercent():Number {
return getGreenPercent();
}
/**
* Blue percentage
* @type Number
*/
public function set _bluePercent(v:Number) {
setBluePercent(v);
}
public function get _bluePercent():Number {
return getBluePercent();
}
/**
* Red offset
* @type Number
*/
public function set _redOffset(v:Number) {
setRedOffset(v);
}
public function get _redOffset():Number {
return getRedOffset();
}
/**
* Green offset
* @type Number
*/
public function set _greenOffset(v:Number) {
setGreenOffset(v);
}
public function get _greenOffset():Number {
return getGreenOffset();
}
/**
* Blue offset
* @type Number
*/
public function set _blueOffset(v:Number) {
setBlueOffset(v);
}
public function get _blueOffset():Number {
return getBlueOffset();
}
}
Vous pouvez donc télécharger cette mise à jour si le coeur vous en dit, qui en plus corrige un ch'tit bug qui s'était glissé sur la propriété _blueOffset ! 
Cette classe inaugure aussi le fait que je n'utiliserais plus le this systématique dans mes classes. 
Commentaires
Vraiment pas bête le fait de garder l'instance du clip en mémoire
est ce que c'est la lecture de eas2 qui te mets dans ces dispositions?
je dis ça parce qu'à la lecture de tes remaques, cela me rappele le passage du livre où Moock il délivre son savoir sur "this" dans les classes...
laurent > Pas spécialement ... d'ailleurs, Moock dit bien dans son bouquin que pas mal de développeurs continuent à utiliser systématiquement le this, et que ca ne constitue absolument pas une mauvaise pratique, question de préférence ...
Peut-être est-ce du au fait de voir de plus en plus de code sans ce fameux this qui a fini par me faire rentrer dans le moule ?
je pense (amha) que c'est mieux sans, plus lisible, même si moins explicite au premier abord.
En tout cas ton exemple me donne des idées...
... merci.
je pense qu'il doit y avoir surement un gain à pas utiliser le this à tout bout de champ .. faudrait bencher tout cela
Pour ma part je l'utilise qu'en cas de besoin vital .. exemple :
// --- constructor
public function MaClasse () {
addListener (this) ;
}
ICI pas besoin de le mettre devant, mais en paramètre vaut mieux
bye
Fil des commentaires de ce billet