Градиент от А до Я или полноцветный градиент

[NikitON]

Люди, поюзав немного программный градиент захотелось сделать (пииип!) радугу, но я даже не понял как сделать градиент более двух цветов... Подскажите кто знает, как это сделать?

Спасибо :)

[major]

_root.createEmptyMovieClip( "grad", 1 );
with ( _root.grad )
{
colors = [ 0xFF0000, 0x0000FF,0x00FF00 ];
alphas = [ 100, 100,100 ];
ratios = [ 0,0x11, 0xFF ];
matrix = { a:200, b:0, c:0, d:0, e:200, f:0, g:200, h:200, i:1 };
beginGradientFill( "linear", colors, alphas, ratios, matrix );
moveto(100,100);
lineto(100,300);
lineto(300,300);
lineto(300,100);
lineto(100,100);
endFill();
}
stop();
// чуть подправленный пример из хелпа
// трехцветный градиент

[Nox Noctis]

здесь нужна система не RGB а HSV (HSL)...
по ней все легко и просто получается :)

кто найдет полное объяснения какого-нибудь способа перевода rgb <--> hsl, будет тому щастье :) я не нашел...

вот. код не мой, где взял - не помню :)
почему из ржб в хсв тут переводится именно так - я не понимаю...

// FULL GRADIENT FILL EXAMPLE
//
_root.createEmptyMovieClip("FColorWheel", 1);
FColorWheel.hex = function(nmbr, base) {
var hexStr = "ABCDEF";
var hexVal = Math.round(nmbr*255/base);
dig1 = hexVal%16;
dig2 = (hexVal-dig1)/16;
if (dig1>9) {
dig1 = hexStr.charAt(dig1-10);
}
if (dig2>9) {
dig2 = hexStr.charAt(dig2-10);
}
hexVal = dig2.toString()+dig1.toString();
return hexVal;
};
//
FColorWheel.hsvToRGB = function(h, s, v) {
var r, g, b, i, f, p, q, t;
if (s == 0) {
r = g=b=v;
}
if (h == 360) {
h = 0;
}
h /= 60;
i = Math.floor(h);
f = h-i;
p = v*(1-s);
q = v*(1-(s*f));
t = v*(1-(s*(1-f)));
if (i == 0) {
r = v;
g = t;
b = p;
} else if (i == 1) {
r = q;
g = v;
b = p;
} else if (i == 2) {
//
r = p;
g = v;
b = t;
} else if (i == 3) {
r = p;
g = q;
b = v;
} else if (i == 4) {
r = t;
g = p;
b = v;
} else if (i == 5) {
r = v;
g = p;
b = q;
}
this.red = this.hex(r*255, 255);
this.green = this.hex(g*255, 255);
this.blue = this.hex(b*255, 255);
this.hexColor = "0x"+this.red+this.green+this.blue;
return this.hexColor;
};
//
FColorWheel.drawWheel = function(radius, centerX, centerY, s, b) {
for (var i = 0; i<=360; i++) {
angle0 = (i/180)*Math.PI;
angle1 = ((i+1)/180)*Math.PI;
c = this.hsvToRGB(360-i, s, b);
with (this) {
colors = [0xFFFFFF, Number(c)];
alphas = [100, 100];
ratios = [0, 0xFF];
//
matrix = {a:2*radius, b:0, c:0, d:0, e:2*radius, f:0, g:centerX, h:centerY, i:1};
beginGradientFill("radial", colors, alphas, ratios, matrix);
moveTo(centerX, centerY);
lineTo(centerX+radius*Math.cos(angle0), centerY+radius*Math.sin(angle0));
lineStyle(1.25, "0x000000", 50);
//
lineTo(centerX+radius*Math.cos(angle1), centerY+radius*Math.sin(angle1));
lineStyle(0, "0x000000", 0);
moveTo(centerX, centerY);
endFill();
}
}
};
//
FColorWheel.drawWheel(100, 200, 200, 1, 1);

[llllllllll]

http://www.peterjoel.com/ActionScript/hsb_as.php

Очень и очень разумный дяденька :)

[Nox Noctis]

код что я запостил выше - точно тот же что и у этого дядьки (может я у него и взял ?..)
я его видел и читал...

НО

я не понимаю этой математики :)
почему так ?
он там ничего не объясняет в коде, просто пишет, цитирую:
"The colour-space conversion is based purely on my own interpretation and intuitive notion of the colour spaces."

ага, я за него очень рад, он умный, но объяснения нету :)

речь ведь не о том, чтобы найти готовую программу и использовать, а о том, чтобы хотя бы для начала понять что она делает и зачем :)

[llllllllll]

А я то почем знаю, мы боты даем ответы приблизительно по теме :)

[Nox Noctis]

Оригинал написал(а) llllllllll
А я то почем знаю, мы боты даем ответы приблизительно по теме :) я буду ботом-задающим-вопросы :)

[llllllllll]

А впринципе вдумался :)

HSB - hue, saturation, brightness

Вся модель прдеставляется в виде цилиндра.

H - можно представить в виде окружности (весь спектр) где в 0-ле градусов красный цвет, в 120-ти - зеленый, в 240-ка - синий, наши знакомые RGB :)

В 60-ти градусах между чистым красным и чистым зеленым значение обоих будет 255 по RGB, тоесть получиться желтый, а вот в 30 градусах будет 255 красного и 127 зеленого - тоесть оранжевый :)

S - это как говорят "добавление белой краски", насыщенность, тоесть если у нас HSB [60,100,100] - то это значит, у нас по 255 RGB-ишных красного и зеленого, к синему, который имеет значение 0, ничего не прибавляется, но если сделать HSB[60,50,100] - где S равна 50%, то синяя компонента станет у нас 127, если синия компонента у нас была бы скажем 127 при 100% насышенности, то при 50% она стала бы (255 - 127)/2 + 127 `= 191

B Ну тут все понятно - Яркость или "добавление черной краски" - тут урезаем значение каждого цвета, тоесть если при 100% яркости максимальное значение красного было 255, то при 50% будет 127, и это соответсвенно берется в расчет насыщенности, тоесть HSB[60,100,50] = RGB[128,128,0], а HSB[60,50,50] будет RGB[128,128,64]

2Nox Noctis: хреновый из меня бот вышел :)

[Nox Noctis]

мда... а из меня бот, видимо, замечательный...

вот я по отдельности все твои слова понимаю - а что вместе получается...

из ржб в хсв (или обратно) нет функции (т.е. взаимнообратного соответствия)... то есть все варианты рассчета приблизительны...

в принципе это же должно быть похоже на перевод из ортогональных координат в циллиндрические, да ?

но что там за шаманство с переменными тогда...

[NikitON]

Всем огромное спасибо!

[llllllllll]

2Nox Noctis:

К примеру :)

http://semmix.pl/color/extrans/etr20.htm
http://semmix.pl/color/extrans/etr70.htm

Или в гугле масса :) (не люблю я чего то там высчитывать :) и думать тоже тяжело ;))

p.s.: странно думал, что в виде цилиндра можно представить HSV/HSB, а похоже, что в виде конуса :)

p.p.s.: да, насчет ортогоналей, ты так больше не ругайся :), мне ведь в словарь лезть приходиться, чтоб вспомнить что это такое :)

[Nox Noctis]

Оригинал написал(а) llllllllll
похоже, что в виде конуса :)...причем в виде двух конусов сложенных основаниями... :)

есть о чем подумать с утра в понедельник :))