Изменение координаты одной из точек направляющей линии.

[cerber412]

Доброго времени суток.
Помогите с ответом на вопрос.

У меня есть файл анимации, где кружок двигается по направляющей.
Направляющая представляет собой ломаную линию из двух отрезков.

Подскажите - можно ли скриптом - изменить координату средней точки этой ломаной направляющей ?

[ZackMercury]

Нет.
Только, если анимировать программно.

[cerber412]

ZackMercury, понятно - направляющую скриптом изменить нельзя.

Тогда можно ли заменить анимацию по координатам направляющей - на координаты заданные в скрипте ?

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

[caseyryan]

Тогда можно ли заменить анимацию по координатам направляющей - на координаты заданные в скрипте ?
Можно. Если это кривая линия, то точек там на самом деле больше. Тебе придется изучить как строится кривая безье. Если линия ломаная и точек действительно 3, то достаточно рассчитать вектор направленный от одной точки к другой, нормализовать его, и каждый кадр добавлять к нему определенную скорость. Ну или использовать библиотеку типа TweenMax. С ней все намного проще

[cerber412]

caseyryan, мне нужно всего три точки.

А как выглядит скрипт который двигает фигуру по этим трем точкам ?

[ZackMercury]

//Создаём квадрат
var quad:Shape = new Shape();
quad.graphics.beginFill(0x000000);
quad.graphics.drawRect(0, 0, 32, 32);
addChild(quad);

var points:Array = [ new Point(10, 10),
new Point(200, 100),
new Point(50, 300),
new Point(300, 300),
new Point(0,0),
new Point(200, 10)]; //Перечисляем через запятую любое кол-во точек

var position:Number = 0; // позиция анимации
var speed:Number = 1; // пикселей в кадр
var distance = calculateDistance(points); // Общая длина пути

this.addEventListener(Event.ENTER_FRAME, update);

function calculateDistance(arr:Array):Number
{
var distance = 0;
for(var i:int = 1; i < arr.length; i++)
distance += Point.distance(arr[i] , arr[i-1]);
return distance;
}

function update(e:Event):void
{
//Эта функция будет вызываться каждый кадр
if(position > distance)
return;
var distanceSum:Number = 0;

for(var i:int = 1; i < points.length; i++)
{
var currDist = Point.distance(points[i], points[i-1]);
if(distanceSum + currDist > position) //Мы нашли промежуток, в котором находимся
{
var pos:Point = Point.interpolate(points[i], points[i-1], (position - distanceSum)/currDist);
quad.x = pos.x; // quad меняем на кастомную фигуру
quad.y = pos.y;
break;
}
distanceSum += currDist;
}

position += speed;
}

[cerber412]

ZackMercury, спасибо за ответ.
Теперь ясно как происходит этот процесс.

[ZackMercury]

Ну, кода с помощью твиновой библиотеки будет всего строк 5 максимум.

[cerber412]

ZackMercury, заранее извиняюсь за вопрос:
А что такое - твиновая библиотека и для его она нужна ?

[ZackMercury]

Твиновая библиотека - это просто набор методов/классов, которые уже заранее написаны за вас сотню раз разными людьми, с помощью которых можно плавно изменять любые свойства в течении некоторого времени.
Нужна для программной анимации, там просто вызываешь метод, передаёшь ему объект и параметры, которые хочешь анимировать, всё остальное она делает за тебя. Ну и время, которое нужно на это потратить.

Делает она примерно то же, что и код выше.


import com.greensock.TweenLite;
var points:Array = [ new Point(10, 10),
new Point(200, 100),
new Point(50, 300),
new Point(300, 300),
new Point(0,0),
new Point(200, 10)]; //Перечисляем через запятую любое кол-во точек

quad.pos.x = points[0].x;
quad.pos.y = points[0].y;

var curr:int = 0;
function onTweenOver()
{
if(curr + 1 < points.length)
TweenLite.to(quad, 1, { x: points[++curr].x, y: points[++curr].y, onComplete: onTweenOver });
}
onTweenOver();


Но её нужно скачать и подключить в настройках проекта.
https://greensock.com/tweenlite-as

Однако здесь скорость объекта будет меняться в зависимости от расстояния. Т.е. там указывается время - 1 секунда, на одно перемещение из одной точки в другую.

В моём же примере мы указываем скорость перемещения объекта, и она будет одинаковой для всех промежутков. Можно использовать и дробную, если целочисленных значений вам недостаточно.

[cerber412]

ZackMercury, теперь мне все стало ясно.
Спасибо за ответ.