Random Линии в AS3

[Leksarut]

Введение

В этом уроке, я научу вас как рандомно анимировать линии. Все, что здесь есть, сделано с использованием рисования API.

Идем в Actionscript 3.0


Во-первых, давайте создадим массив, который будем использовать, чтобы анимировать линии. Напишите следующее.

//Этот массив содержит текущие координаты для каждой линии.
var linesArray:Array = new Array();

//В этом примере мы создаем 7 линий. Измените это значение на то, которое вы хотите.
for (var i=0; i < 7; i++) {
/* Массив будет заполняться таким образом
linesArray[0]: Содержит координату  x  линии 1
linesArray[1]: Содержит координату  y  линии 1
linesArray[2]: Содержит координату  x  линии 2
linesArray[3]: Содержит координату  y  линии 2
и т.д ...
Мы размещаем каждую линию, чтобы стартовать с рандомной позиции
*/
linesArray.push (Math.random()*stage.stageWidth);
linesArray.push (Math.random()*stage.stageHeight);
}

Теперь мы готовы анимировать линии. Напишите следующее.

//Установим ширину линии в 2 пиксела и установим белый цвет
graphics.lineStyle (2, 0xffffff);

addEventListener (Event.ENTER_FRAME, enterFrameHandler);

function enterFrameHandler (event:Event):void {

//Цикл по координатам линии
for (var i:uint = 0; i < linesArray.length; i+=2) {

 //Установим стартовую точку - текущую позицию линии
 graphics.moveTo (linesArray[i], linesArray[i+1]);
 
 //Вычисляем новую рандомную точку, куда мы хотим вести линию
 var newX = (Math.random() * 16 - 8) + linesArray[i];
 var newY = (Math.random() * 16 - 8) + linesArray[i+1];
 
 //Проводим линию в точку с новыми координатами
 graphics.lineTo (newX, newY);
 
 //Установим новые координаты в качестве текущих координат (мы будем рисовать из этой точки в следующем фрейме)
 linesArray[i] = newX;
 linesArray[i+1] = newY;

}
}