Проблема работы с TimerEvent, Tweener'ом

SpetZ_Naz · 10.08.2012, 00:31

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

В общем тренируюсь создавать объекты, передвигать их с помощью Tweener'а ну и так далее... создаю N-е количество шариков, размещаю их в цепочку, наводя хаотически мышку шарики разлетаются в разные стороны - это я реализовал без проблем.. теперь после разлета хочу вернуть их на место с помощью таймера.. по окончанию движения шарика, создаю и запускаю таймер для каждого шарика, но столкнулся с проблемой как передать в слушателя какой именно шарик возвращать и теперь, просто все созданные таймера срабатывают на последний шарик... в общем ниже привожу код.. возврат сделал топорным способом, нехочу так с самого начала учиться, подскажите пожалуйста как правильно сделать?)

Код AS3:

package
{
import caurina.transitions.Tweener;
import flash.display.MovieClip;
import flash.display.Stage;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.events.TimerEvent;
import flash.utils.Timer;
 
public class FirstExperiment extends MovieClip
{
private var masXY:Array;
public function FirstExperiment()
{
   masXY = new Array();
   for (var i:uint=0; i<10; i++){
        var sb:SuperBall = new SuperBall(0x00ff00, 4);
        sb.x = 100+(sb.width*i);
        sb.y = 100;
        sb.name = i;
        masXY.push([sb.y, sb.x]);
        addChild(sb);
       }
        this.addEventListener(MouseEvent.MOUSE_OVER, onMO);
   }
 
        private function onMO(e:MouseEvent):void{
           var target:MovieClip = new MovieClip;
 
            Tweener.addTween(e.target,{
            y:Math.random()*(stage.stageHeight-30),
            x:Math.random()*(stage.stageWidth-30),
            time:2,
            transition:"easeInOutQuad",
            onComplete:Pauser()});
 
            var timer:Timer = new Timer(3000,1);
            timer.start();
            timer.addEventListener(TimerEvent.TIMER_COMPLETE,onT);
           }
 
       private function onT(t:TimerEvent):void{
            var i:uint=0;
            do {
                Tweener.addTween(this.getChildAt(i),{
                y:masXY[i][0],
                x:masXY[i][1],
                time:2.5,
                transition:"easeOutInQuad",
                onComplete:Pauser});
                i++;
                } while (i<this.numChildren);
       }
        private function Pauser():void{}
     }
}

Wolsh · 10.08.2012, 01:17

-De- : как передать параметр в слушатель

SpetZ_Naz · 12.08.2012, 17:15

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

Код AS3:

private function onT(t:TimerEvent):void{
            var i:uint=0;
            do {
                Tweener.addTween(this.getChildAt(i),{
                y:masXY[i][0],
                x:masXY[i][1],
                time:2.5,
                transition:"easeOutInQuad",
                onComplete:Pauser});
                i++;
                } while (i<this.numChildren);
       }

Спасибо.

Wolsh · 12.08.2012, 20:58

Цитата:

каждый отдельно созданный таймер

Имелось в виду "твинер"?

Цитата:

возвращал их на место не одновременно, а по истечении времени запуска

У Вас для всех шариков ОДНОВРЕМЕННО запускаются твинеры с ОДИНАКОВЫМ временем 2.5. У Вас один таймер, который дает команду "назад". Все шарики перебираются в цикле и для каждого создается твинер с временем 2.5. Цикл занимает доли миллисекунды, все шарики стартуют одновременно и приходят одновременно.
Переформулируйте вопрос. В первом посте Вы утверждали, что двигается только один шарик, последний. Теперь говорите, что проблема в том что они заканчивают движение одновременно.
Так в чем все-таки проблема?

SpetZ_Naz · 14.08.2012, 12:16

Спасибо за поддержку))

Цитата:

У Вас один таймер, который дает команду "назад"

Извините, но это не так.. если бы я записал вот эту строчку:

Код AS3:

var timer:Timer = new Timer(3000,1);

... в глобальной переменной, тоесть до метода-конструктора "FirstExperiment", то да, был бы один таймер, но так как я создаю таймер по наведении мыши, то для каждого шарика у меня свой персональный таймер должен быть, со своим TIMER_COMPLETE... по идее..

Цитата:

В первом посте Вы утверждали, что двигается только один шарик, последний

Да, один, последний, так как первоначально код выглядел так (упущу лишнее

):

Код AS3:

   // код создания шариков и срабатывания MouseEvent упущу, см.выше
 
           private function onMO(e:MouseEvent):void{
           var target:MovieClip = new MovieClip;
 
            Tweener.addTween(e.target,{
            y:Math.random()*(stage.stageHeight-30),
            x:Math.random()*(stage.stageWidth-30),
            time:2,
            transition:"easeInOutQuad",
            onComplete:Pauser()});
 
            var timer:Timer = new Timer(3000,1);
            timer.start();
            timer.addEventListener(TimerEvent.TIMER_COMPLETE,onT);
           }
 
       private function onT(t:TimerEvent):void{
 
                 // sb - это возвращаемый на место шарик
                 // X, Y - это соответственно первоначальные координаты,
                 // их как-то нужно сюда еще передать при создании таймера
 
                Tweener.addTween(sb,{
                y:X,
                x:Y,
                time:2.5,
                transition:"easeOutInQuad",
                onComplete:Pauser});
 
       }
        private function Pauser():void{}
     }
}

Далее я измучил в кровь свои мозги, но так и не смог заставить шарики вернуться обратно по очередности их разлета и реализовал "топорный" способ, просто прогнав циклом Твинер с перебором всех шариков, но это тупо:

Код AS3:

 private function onT(t:TimerEvent):void{
            var i:uint=0;
            do {
                Tweener.addTween(this.getChildAt(i),{
                y:masXY[i][0],
                x:masXY[i][1],
                time:2.5,
                transition:"easeOutInQuad",
                onComplete:Pauser});
                i++;
                } while (i<this.numChildren);
       }

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

Фух, ну вроде доходчиво попытался изложить проблему)) жду советов, спасибо

Wolsh · 14.08.2012, 16:05

У нас с Вами очень интересный диалог получился. Вы отрицаете все, что я говорю.
У Вас ОДИН таймер запускает движение назад для всех шариков. Я не понимаю, как Вы с этим спорите, если в коде хендлера таймера, созданного при нажатии на шарик, в ЦИКЛЕ перебираются ВСЕ шарики, и каждый отправляется назад.
Вам не понравилась ссылка на блог -De-, хотя там приведено несколько вариантов решения именно Вашей проблемы. Ваша проблема — связать шарик, на который нажали, с таймером, который при этом создается. Чтобы на событие таймера в хендлере этого события понять, какой именно шарик должен возвращаться, а не возвращать их все. Это именно то, что описано в блоге. Наиболее подходящее решение в данном случае (по моему мнению) — Dictionary. В хендлере клика Вам известны и шарик и только что созданный таймер. Занесите шарик в Dictionary по ключу-таймеру. Когда таймер сработает, в хендлере этого события заберите из Dictionary ссылку на шарик по ключу event.target (сработавший таймер). И вешайте на шарик твин домой. Вместо массива с начальными координатами при создании шариков заносите их позиции в Dictionary по ключу-шарику.

Код AS3:

_dictionary[ball] = [ball.x, ball.y];

Код AS3:

private var _dictionary:Dictionary = new Dictionary();
 
private function onMO(event:MouseEvent):void
{
	Tweener.addTween(event.target,
	{
		y:Math.random()*(stage.stageHeight-30),
		x:Math.random()*(stage.stageWidth-30),
		time:2,
		transition:"easeInOutQuad",
		onComplete:Pauser
	});
 
	var timer:Timer = new Timer(3000, 1);
	_dictionary[timer] = event.target;
	timer.addEventListener(TimerEvent.TIMER_COMPLETE, onT);
	timer.start();
}
 
private function onT(event:TimerEvent):void 
{
	var ball:SuperBall = _dictionary[(event.target)];
	delete _dictionary[(event.target)];
	Tweener.addTween(ball,
	{
		x:_dictionary[ball][0],
		y:_dictionary[ball][1],
		time:2.5,
		transition:"easeOutInQuad",
		onComplete:Pauser
	});
}

MINASTIS · 14.08.2012, 16:57

Хм... А как насчет создать отдельный класс с шариком. Там уже на ROLL_OVER делать "улет в другое место", а по таймеру, созданному внутри класса, возвращать. Нет?
Удобно же.

MINASTIS · 14.08.2012, 17:45

Вам нужно примерно такое?

SpetZ_Naz · 14.08.2012, 19:32

Цитата:

У нас с Вами очень интересный диалог получился

Да, возможно, я не опытный пока что, не судите строго) спасибо за разъяснения, попробую применить данный вид массивов..)

Цитата:

Вам нужно примерно такое?

Да, именно это хочу реализовать, но еще сложней - после разлета они тоже должны быть активны и на мышь реагировать также, разлетаться, но возвращаться в первоначальное положение) так сказать, первая часть задуманного)

хочется видеть код прикрепленной флешки, если можно)

MINASTIS · 14.08.2012, 19:42

Минутку, вы хотите, чтобы их можно было вообще раскидывать, не 1 раз? И они бы все равно, к примеру, собирались в полоску шариков, да?
Странно, не вижу в этом особой красоты.
Вот класс RandomBall, вы можете в нем добавить тогда перезапуск таймера при новом наведении на мышь. Если мышку не наводить, они начнут возвращаться. Вообще будет просто в этом классе все доделать, как вы сказали, там все логически понятно и названия функций написал понятно

В главном классе достаточно создать RandomBall и добавить его на сцену.