Градиентная заливка треугольника

[Волгоградец]

Привет. Мне нужно получить такой треугольник:



Вот его координаты:

g.lineStyle(1);
g.moveTo(200, 100);
g.lineTo(250, 150) g.lineTo(50, 250);
g.lineTo(200, 100);

Как мне его залить градиентом так, чтобы получилось как на картинке? Т.е. начинается от катета P1P3 и идет параллельно катету P1P2. Ширина градиентной заливки получается равна длине P1P2 и наклон в данном примере 45 градусов.
Я знаю что нужную матрицу надо получить из matrix.createGradientBox(), но что передавать туда? Вообще этот метод ведет себя странно очень - по идее наклон градиента должен быть таким, каким я его задаю третьим параметром в этом методе, но, чёрт побери, он меняется в зависимости от ширины и высоты что я передаю в метод!!!

[in4core]

Вы вкурсе что наклон задается Math.PI ? Если да, то проблем не должно быть поидее

[cleptoman]

точно, константой )

[shootkin]

Как-то так:

var p1 : Point = new Point( 200, 100 );
var p2 : Point = new Point( 250, 150 );
var p3 : Point = new Point( 50, 250 );
var triangle : Shape = new Shape();
var g : Graphics = triangle.graphics;
var gradient_colors : Array = new Array( 0x000000, 0xFFFFFF );
var gradient_alphas : Array = new Array( 1.0, 1.0 );
var gradient_ratios : Array = new Array( 0, 255 );
var gradient_matrix : Matrix = new Matrix();
var angle : Number = Math.atan2( p2.y - p1.y, p2.x - p1.x );
gradient_matrix.createGradientBox( p2.x - p1.x, p2.y - p1.y, angle, p1.x, p1.y );
g.beginGradientFill( GradientType.LINEAR, gradient_colors, gradient_alphas, gradient_ratios, gradient_matrix );
g.lineStyle( 1 );
g.moveTo( 200, 100 );
g.lineTo( 250, 150 ); triangle.graphics.lineTo( 50, 250 );
g.lineTo( 200, 100 );
g.endFill();
addChild( triangle );

Объяснять лень.
Ах да, раз уж есть p1, p2 и p3, то в moveTo() и lineTo() лучше, конечно, их использовать.

[Волгоградец]

Нет, такой вариант не прокатывает - если менять точки p1, p2, p3 - то все ломается. Нужен универсальный способ.

[samana]

Я не уверен, но кажется с помощью drawTriangles можно положить текстуру задав нужные UV.

[Волгоградец]

Да, но текстура нужна в виде Bitmap. А мне нужна векторная заливка.
Еще интересный момент с createGradientBox:

m.createGradientBox(w, h, r, x, y);

не то же самое, что

m.createGradientBox(w, h);
m.rotate(r);
m.tx = x;
m.ty = y;

Что там творится внутри этого метода?

[samana]

Просто мысль. А если делать градиентный прямоугольник и ограничивать его треугольной маской?

[Волгоградец]

Не хотелось бы многоходовки применять...
Вобщем удалось мне сделать то что хотел - главное не передавать аргументы в метод, а потом дергать методы матрицы (см. пост 7).
Всем спасибо.

[shootkin]

Хоть я и понимаю, что опоздал, но свои ошибки надо исправлять.
Да, ротацию и перемещение лучше не доверять методу createGradientBox.

gradient_matrix.createGradientBox( Point.distance( p1, p2 ), 16, 0, 0, 0 );
gradient_matrix.rotate( Math.atan2( p2.y - p1.y, p2.x - p1.x ) );
gradient_matrix.translate( p1.x, p1.y );

То есть в createGradientBox осталась только ширина градиента.