Форум Flasher.ru - Рисование траектории 2 (линии)

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- ActionScript 1.0/2.0 (http://www.flasher.ru/forum/forumdisplay.php?f=93)

- - Рисование траектории 2 (линии) (http://www.flasher.ru/forum/showthread.php?t=103188)

Рисование траектории 2 (линии)

В общем у меня такая проблема... у меня карта местности... и нужно сделать чтобы маршрут рисовался линиями... (линии прямые) Т.е. это даже не маршрут а просто соединение двух точек на карте...(выходил из одной и попадал в другую...) использование маски... не очень подходит...(
на одной из тем форума: http://www.flasher.ru/forum/showthread.php?t=80776
iNils выкладывал 2 примера... они в принципе ничего... но только если анимация на белом фоне... а если фоном является картинка? Не получается...((
Как мне решить эту задачку с наименьшими потерями? :eek:

Цитата:

Как мне решить эту задачку с наименьшими потерями?

заплатить за эту работу кому-нибудь :D Выигрыш во времени, если у тебя "время == деньги".
В принципе, используй line, зачем тут БитмапДата:

Код:

this.createEmptyMovieClip("triangle_mc", this.getNextHighestDepth());

triangle_mc.lineStyle(5, 0xff00ff, 100, true, "none", "round", "miter", 1);

triangle_mc.moveTo(200, 200);

onEnterFrame = function(){

triangle_mc.lineTo(_xmouse, _ymouse);

}

или :D

Код:

this.createEmptyMovieClip("triangle_mc", this.getNextHighestDepth());



triangle_mc.moveTo(200, 200);

onEnterFrame = function(){

        _mcolor = "0x"+random(9999).toString(16);

triangle_mc.lineStyle(5, _mcolor, 100, true, "none", "round", "miter", 1);

triangle_mc.lineTo(random(Stage.width*0.5)+Stage.width*0.3, random(Stage.height*0.5)+Stage.height*0.2);

}

[quote=Ostgur]заплатить за эту работу кому-нибудь :D Выигрыш во времени, если у тебя "время == деньги".
В принципе, используй line, зачем тут БитмапДата:

:wacko: моя твоя не понимать
Использовал и LineTo и MoveTo... в этом случае линия рисуется сразу же, а мне нужно, чтобы она из одной точки выходила и в другую попадала (наглядно)... двигаться то я ее научил... с определенным шагом меняем координаты... Не могу сделать чтобы она в нужные мне координаты попадала...((

что не понятно?

Код:

//x1 - Начальная координата по оси абсцисс; 

//y1 - начальная координата по оси ординат;

//x2 - Конечная координата по оси абсцисс; 

//y2 - Конечная координата по оси ординат;

moveTo(x1, y1);

lineTo(x2, y2);

Извини конечно, я за Flash сел буквально вчера...)
Может не то что-то говорю...

//x1 - Начальная координата по оси абсцисс;
//y1 - начальная координата по оси ординат;
//x2 - Конечная координата по оси абсцисс;
//y2 - Конечная координата по оси ординат;
moveTo(x1, y1);
lineTo(x2, y2);

это понятно... но в этом случае линия сразу нарисованная получается...( Еще раз прошу прощения... за свое незнание...

Код:

function drawLine(x1,y1,x2,y2){

this.lineStyle(5, 0xff00ff, 100, true, "none", "round", "miter", 1);

this.moveTo(x1, y1);

this.lineTo(x2, y2);

}

this.createEmptyMovieClip("my_draw", 0);

var a = 0;

my_draw.onEnterFrame = function(){

if(a == 1){drawLine(100,100, 110, 115);};

if(a == 5){drawLine(110,115, 125, 120);};

if(a == 10){drawLine(125,120, 144, 140);};

if(a == 15){drawLine(144,140, 150, 170);};

if(a == 20){drawLine(150,170, 160, 130);};

if(a == 25){drawLine(160,130, 160, 160);}; //и т.д.

a++;

}

Код:

function draw(what,x0,y0,x,y,k)

{

  if(f>=1/k) clearInterval(myInt); else { x*=k*f; y*=k*f; }

  what.clear();

  what.lineStyle (1, 0x990000);

  what.moveTo(x0, y0);

  what.lineTo(x,y);

  f++;

}

f=1; k = interval/time/1000;

this.createEmptyMovieClip("line",0);

myInt = setInterval(draw, interval, x0,y0,x,y);

Ну и задаешь координаты и параметры анимаии:

Код:

interval = 20; //длительность элементарного акта анимации, миллисекунды

time = 1; // длительность всей анимации, секунды

x0 = 0; // начальные координаты по оси x;

y0 = 0;

x = 500; // конечные координаты

y = 500;

to Ostgur, оригинальное решение =) А если до 100000 надо будет дойти? Даже если такой алгоритм использовать вдруг придется, так как условия взаимоисключающие, то их надо связывать if... else if... else if..., чтобы уменьшить количество проверок или case использовать.

udaaff, если 100000 надо будет, то я бы использовал исходник iNils'а
но так как Disney75'y этот вариант не понравился — я предложил своё решение :D

Мммм. Она ломанная должна быть...
Тогда так будет проще всего

Код:

function draw (what,x0,y0,x,y)

{

        if (f > 1/k) return nextXY(); else { x = (x-x0)*k*f; y = (y-y0)*k*f; }

        what.clear();

        what.lineStyle(1, 0x990000);

        what.moveTo(x0,y0);

        what.lineTo(x0+x,y0+y);

        f++;

}

function nextXY()

{

        pos +=2;

        ho = this.createEmptyMovieClip("line"+pos, pos);

        clearInterval(myInt);

        if(pos < xy.length)

        {

                myInt = setInterval(draw, interval, ho, xy[pos-2], xy[pos-1], xy[pos], xy[pos+1]);

        }

        f=1;

}

pos = 0; f = 1;        k = interval/time/1000;

nextXY();

ну и сами данные, которыми можно играться.
Массив с координатами может быть сколь угодно велик. Координаты вносятся попарно x,y

Код:

interval = 20; // интервал, в милисекундах

time = 1; // длительность анимации, в секундах

xy = [0, 0,      //начальное положение

          150, 0,

          150, 150,

          0, 150,

          0,0        //конечное положение

          ];

Рабочая версия кода выше :D

Код:

interval = 20; // интервал, в милисекундах

time = 2; // длительность анимации, в секундах

xy = [0, 0,      //начальное положение

          150, 0,

          150, 150,

          0, 180,

          0,0        //конечное положение

          ];



function draw1 (what,x0,y0,x1,y1){

        if (f > 1/k) return nextXY(); else { x1 = (x1-x0)*k*f; y1 = (y1-y0)*k*f; }

        what.clear();

        what.lineStyle(5, 0xff00ff, 100, true, "none", "round", "miter", 1);

        what.moveTo(x0,y0);

        what.lineTo(x0+x1,y0+y1);

        f++;

}

function nextXY(){

        pos +=2;

        ho = this.createEmptyMovieClip("line"+pos, pos);

        clearInterval(myInt);

        if(pos < xy.length)

        {

                myInt = setInterval(draw1, interval, ho, xy[pos-2], xy[pos-1], xy[pos], xy[pos+1]);

        }

        f=1;

}

pos = 0; f = 1;        k = interval/time/1000;

nextXY();





//UPDATE: draw => draw1 x => x1 y => y1

? в смысле рабочая?

Ostgur согласен с Твоими предложениями... Последнее показалось наиболее удачным... есть над чем подумать... Только "думалка" пока еще в Action Script не въехала...) Много непонятного...((
1. Как мне сделать (использую Твой последний пример со своими координатами), чтобы у меня из одной точки выходило несколько линий одновременно... попытался доп. переменные ввести... не получилось... (линии двигаются с разной скоростью)
2. Линия получается поверх всех мувиков... а мне надо чтобы она только на фоне была... чтобы остальные объекты ей не перекрывались...

Fl00r, у меня твоя версия не пашет чёт, ты используешь draw, x, y, а они оказываются зарезервированы флэш под что-то там.

Disney75, последний код не мой, а Fl00r, я просто его подправил :D

Да... спасибо... хорошо поправил..., а то и у меня его код не стал работать))

Тогда, Fl00r к тебе аналогичный вопрос...:rolleyes:

1. Как мне сделать (использую Твой последний пример со своими координатами), чтобы у меня из одной точки выходило несколько линий одновременно... попытался доп. переменные ввести... не получилось...
(линии должны двигаться с разной скоростью)

Создал еще один массив, добавил в функции nextXY доп. параметры... блин линия перерисовывается с др. координатами (из второго массива)

2. Линия получается поверх всех мувиков... а мне надо чтобы она только на фоне была... чтобы остальные объекты ей не перекрывались...

ошибки от отсутствия флеша.
сейчас скачаю триал, а то FLex на AS 2.0 не пишет =)

Господа.... посмотрите, вот во что превратился код Fl00r'а...)
:eek: Но мне кажется я далек от истины...
Fl00r, у тебя когда линия доходила до конечных координат... она не исчезала... а мои исчезают...:confused: Как это поправить...

Код:

interval = 20; // интервал, в милисекундах

time = 2; // длительность анимации, в секундах



xy3 = [491.4, 473.5,      //начальное положение

          418.6,633.6,

          479.4,660.3,

          558.3,478.5,

          466.9,429.1,

          570.6,622.4,

          668.4,619.1,

          736.1,436.1,

          507.3,409.3,

          547.9,289.4,

          304.3,360.3,

          273.4,214.3,

          267.3,61.4          //конечное положение

          ]

function draw1 (w){

        if (f > 1/k) return nextXY();

        else

        {

                x1 = (w[2]-w[0])*k*f;

                y1 = (w[3]-w[1])*k*f; 

                x2 = (w[4]-w[0])*k*f;

                y2 = (w[5]-w[1])*k*f; 

                x3 = (w[6]-w[0])*k*f;

                y3 = (w[7]-w[1])*k*f; 

                x4 = (w[8]-w[0])*k*f;

                y4 = (w[9]-w[1])*k*f;

                x5 = (w[10]-w[0])*k*f;

                y5 = (w[11]-w[1])*k*f;

                x6 = (w[12]-w[0])*k*f;

                y6 = (w[13]-w[1])*k*f;

                x7 = (w[14]-w[0])*k*f;

                y7 = (w[15]-w[1])*k*f;

                x8 = (w[16]-w[0])*k*f;

                y8 = (w[17]-w[1])*k*f;

                x9 = (w[18]-w[0])*k*f;

                y9 = (w[19]-w[1])*k*f;

                x10 = (w[20]-w[0])*k*f;

                y10 = (w[21]-w[1])*k*f;

                x11 = (w[22]-w[0])*k*f;

                y11 = (w[23]-w[1])*k*f;

                x12 = (w[24]-w[0])*k*f;

                y12 = (w[25]-w[1])*k*f;

                

                ho1.clear();

                ho1.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho1.moveTo(w[0],w[1]);

                ho1.lineTo(w[0]+x1,w[1]+y1);

                

                ho2.clear();

                ho2.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho2.moveTo(w[0],w[1]);

                ho2.lineTo(w[0]+x2,w[1]+y2);

                

                ho3.clear();

                ho3.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho3.moveTo(w[0],w[1]);

                ho3.lineTo(w[0]+x3,w[1]+y3);

                

                ho4.clear();

                ho4.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho4.moveTo(w[0],w[1]);

                ho4.lineTo(w[0]+x4,w[1]+y4);

                

                ho5.clear();

                ho5.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho5.moveTo(w[0],w[1]);

                ho5.lineTo(w[0]+x5,w[1]+y5);

                

                ho6.clear();

                ho6.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho6.moveTo(w[0],w[1]);

                ho6.lineTo(w[0]+x6,w[1]+y6);

                

                ho7.clear();

                ho7.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho7.moveTo(w[0],w[1]);

                ho7.lineTo(w[0]+x7,w[1]+y7);

                

                ho8.clear();

                ho8.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho8.moveTo(w[0],w[1]);

                ho8.lineTo(w[0]+x8,w[1]+y8);

                

                ho9.clear();

                ho9.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho9.moveTo(w[0],w[1]);

                ho9.lineTo(w[0]+x9,w[1]+y9);

                

                ho10.clear();

                ho10.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho10.moveTo(w[0],w[1]);

                ho10.lineTo(w[0]+x10,w[1]+y10);

                

                ho11.clear();

                ho11.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho11.moveTo(w[0],w[1]);

                ho11.lineTo(w[0]+x11,w[1]+y11);

                

                ho12.clear();

                ho12.lineStyle(2, 0xFFFF33, 100, true, "none", "round", "miter", 1);

                ho12.moveTo(w[0],w[1]);

                ho12.lineTo(w[0]+x12,w[1]+y12);

        }

        f++;

}

function nextXY(what){

        ho1 = this.createEmptyMovieClip("line"+1, 1);

        ho2 = this.createEmptyMovieClip("line"+2, 2);

        ho3 = this.createEmptyMovieClip("line"+3, 3);

        ho4 = this.createEmptyMovieClip("line"+4, 4);

        ho5 = this.createEmptyMovieClip("line"+5, 5);

        ho6 = this.createEmptyMovieClip("line"+6, 6);

        ho7 = this.createEmptyMovieClip("line"+7, 7);

        ho8 = this.createEmptyMovieClip("line"+8, 8);

        ho9 = this.createEmptyMovieClip("line"+9, 9);

        ho10 = this.createEmptyMovieClip("line"+10, 10);

        ho11 = this.createEmptyMovieClip("line"+11, 11);

        ho12 = this.createEmptyMovieClip("line"+12, 12);

        clearInterval(myInt);

        if(pos < what.length)

        {

                //myInt = setInterval(draw1, interval, what[pos-2], what[pos-1], what[pos], what[pos+1]);

                myInt = setInterval(draw1, interval, what);

        }

        f=1;

}

pos = 0; f = 1;        k = interval/time/1000;

nextXY(xy3);

//UPDATE: draw => draw1 x => x1 y => y1

Disney75, отредактируйте свой пост и оформите код тегами [code][/code].