Нарисовать 4-угольник с градиентами от углов

[LinuxVideo]

Создается битмапдата 2x2 с параметром smooth, точки красятся цветами вершин, далее считаются нужные трансформации для битмапа и рисуется на экране через beginBitmapFill. В твоем случае, т.к. полигон четырехугольный, надо разбить его на 2 треугольника и для каждого посчитать свой matrix.

Я наверное тупой, поподробнее если можно. Особенно с момента трансформаций.

Делаешь 3д движок, да?

Нет, это будет как карта, потом с нее будут попиксельно читаться данные. Результат будет в 2д, хотя кто знает, с выходом 10 может и 3д прикручу, благо нативное будет

[undefined]

Я наверное тупой, поподробнее если можно. Особенно с момента трансформаций

Вообщем идея такая:
1) создаешь битмапдата 3x3 (почему не 2x2 обьясню ниже)
2) расчет деформации

// предусловие:
// {x1,y1},{x2,y2},{x3,y3} - координаты вершин рисуемого треугольниика
// {n1x,n1y},{n2x,n2y},{n3x,n3y} - координаты вершин в битмапдате 3x3
// m - матрица искомого преобразования
m = new Matrix();
var tmp=1/((n2x-n1x)*(n3x*n2y-n2x*n3y)-(n3x-n2x)*(n2x*n1y-n1x*n2y));
		m.tx=((x1*n2x-x2*n1x)*(n3x*n2y-n2x*n3y)-(x2*n3x-x3*n2x)*(n2x*n1y-n1x*n2y))*tmp;
		m.ty=((y1*n2x-y2*n1x)*(n3x*n2y-n2x*n3y)-(y2*n3x-y3*n2x)*(n2x*n1y-n1x*n2y))*tmp;
		tmp=1/(n2x*n1y-n1x*n2y);
		m.c=(n2x*x1-x2*n1x-m.tx*(n2x-n1x))*tmp;
		m.d=(n2x*y1-y2*n1x-m.ty*(n2x-n1x))*tmp;
		tmp=1/n1x;
		m.a=(x1-m.c*n1y-m.tx)*tmp;
		m.b=(y1-m.d*n1y-m.ty)*tmp;

Ну и собственно отрисовка треугольника с градиентной заливкой

// предусловие:
// m - матрица посчитаная выше
// map - битмапдата 3x3
// surface - MovieClip для рисования
		surface.beginBitmapFill(map, m, true);
		surface.moveTo(x1, y1);
		surface.lineTo(x2, y2);
		surface.lineTo(x3, y3);
		surface.endFill();

Дальше т.к. рисовать надо четырехугольник, код приведенный выше надо вызывать 2 раза.
Теперь по поводу размера битмапки 3x3. В формулах битмаповые координаты s1x,s1y,... стоят в знаменателе и чтобы избежать деления на ноль, лучше сместить все координаты на 1. Т.е. битмапка для заливки должна быть примерно такая:

Знаю написано довольно скомкано, если будут вопросы - спрашивай

да, чуть не забыл. Формулы которые я привел выглядят довольно пугающе, но есть еще вариант по проще (содрал его не помню у кого). Работает он чуть медленее но зато выглядит красивше

                      m = new Matrix();
                      tm = new Matrix();
		var _w=1/3;
		var _h=1/3;
		m.tx = n1x;
		m.ty = n1y;
		m.a = (n2x-n1x)*_w;
		m.b = (n2y-n1y)*_w;
		m.c = (n3x-n1x)*_h;
		m.d = (n3y-n1y)*_h;
		tm.a = (x2-x1)*_w;
		tm.b = (y2-y1)*_w;
		tm.c = (x3-x1)*_h;
		tm.d = (y3-y1)*_h;
		tm.tx = x1;
		tm.ty = y1;
		m.invert();
		m.concat(tm);

[aQuestion]

Сообщение от undefined

Теперь по поводу размера битмапки 3x3. В формулах битмаповые координаты s1x,s1y,... стоят в знаменателе и чтобы избежать деления на ноль, лучше сместить все координаты на 1.

может попробовать координаты "центров" пикселей, нечто вроде типа 0.5, 1.5...

[undefined]

согласен, в принципе должно работать. Кстати т.к. координаты вершин в битмапдате не меняются, формулы можно еще подсократить.

[aQuestion]

ещё по теме