Плавное увеличение рисунка в мувиклипе при наведении мыши, и уменьшение при отведении

[Rufio]

Здравствуйте,
Совсем недавно пришлось перейти на actioscript 3.0, и нет пока навыков. Проблема такая:
Раньше на actioscript 2.0 я писала код с import mx.transitions.Tween и т.п. для легкого увеличения мувика при наведении мыши и уменьшении при отведении. На actioscript 3.0 это уже не срабатывает. Не знаю, что сделать. Может, проблема в синтаксисе или писать уже нужно совсем другое в коде? В голове уже такая путаница, что из кусочков такой код мне не собрать для actioscript 3.0.

Могли бы вы помочь мне с этой проблемой? Показать пример файла с кодом, или выслать линк на подробный туториал?

Спасибо!

[Alex Lexcuk]

Да эти устаревшие технологии срабатывают, но зачем они? actioscript 3.0 инструмент покруче.
легко и просто пользоваться специальным классом
Animator
Что бы увеличить мувик с инстанс именем например my_mc достаточно написать простой код

import fl.transitions.*;
import fl.transitions.easing.*;


var m_out_trigger:Boolean=true;
import fl.motion.Animator;
import fl.motion.MotionEvent;

var abox_xml_big:XML = <Motion duration="10" xmlns="fl.motion.*" xmlns:geom="flash.geom.*" xmlns:filters="flash.filters.*">
    <Keyframe index="0" x="0" y="0" scaleX="1" scaleY="1" rotation="0">

        <tweens>
            <SimpleEase ease="0.8"/>
        </tweens>
    </Keyframe>

    <Keyframe index="9" x="0" y="0" scaleX="3" scaleY="3" rotation="0"/>
</Motion>;
var abox_animator:Animator = new Animator(abox_xml_big, my_mc);

Комментировать? Или нет? Вот в чем вопрос...
Теперь, что бы мувик начал плавно увеличиваться нужно запустить функцию

abox_animator.play();

Как же его плавно уменьшить? Думать долго не целесообразно...

var abox_xml_small:XML = <Motion duration="10" xmlns="fl.motion.*" xmlns:geom="flash.geom.*" xmlns:filters="flash.filters.*">
    <Keyframe index="0" x="0" y="0" scaleX="3" scaleY="3" rotation="0">

        <tweens>
            <SimpleEase ease="0.8"/>
        </tweens>
    </Keyframe>

    <Keyframe index="9" x="0" y="0" scaleX="1" scaleY="1" rotation="0"/>
</Motion>;


var abox_animator_small:Animator = new Animator(abox_xml_small, my_mc);

abox_animator_small.play();//эту функцию нужно вызвать по необходимости она уменьшит

http://dnadillo.dn.ua/fla/js-swf-htm...e-on-scale.swf
http://dnadillo.dn.ua/fla/js-swf-htm...e-on-scale.zip

[ALiEN_]

используй класс Tweener http://code.google.com/p/tweener/downloads/list

[Rzer]

2 Alex Lexcuk: ты всегда для простого увеличения одного объекта, пишешь так много xml и текста? Или только другим советуешь?

[Alex Lexcuk]

Простое увеличение в три раза делается так

my_mc.scaleX=my_mc.scaleY=3;

А плавное увеличение в три раза за 9 кадров делается с использованием xml, но всегда писать их не нужно, можно один раз написать и пользоваться ими сколько нужно, можно даже засунуть их в отдельный класс, назвать его caurinaMegaLite и сувать всем кому ни попадя.

[Gaen]

Плавное увеличение делается в две строчки.

new Tween(mc, "width", easingFunction, mc.width, mc.width*3, fadeTime, true);
new Tween(mc, "height", easingFunction, mc.height, mc.height*3, fadeTime, true);

[Alex Lexcuk]

import fl.transitions.Tween;
import fl.transitions.easing.*;

box.addEventListener( MouseEvent.ROLL_OUT, mouseListener );
box.addEventListener( MouseEvent.ROLL_OVER, mouseListener );
box.buttonMode = true;

function mouseListener( event:MouseEvent ):void
{
   switch( event.type )
      {
         case MouseEvent.ROLL_OVER:
            new Tween( box, "scaleX", Strong.easeOut,  box.scaleX, 1.5, .50, true );
            new Tween( box, "scaleY", Strong.easeOut, box.scaleY, 1.5, .50, true );
         break;
			
         case MouseEvent.ROLL_OUT:
            new Tween( box, "scaleX", Strong.easeOut, box.scaleX, 1.0, .50, true );
            new Tween( box, "scaleY", Strong.easeOut, box.scaleY, 1.0, .50, true );
         break;
         }
}

[Makak]

если мувик делаеться программно то при ROLL_OVER он раширяется вправо и вниз, а как его... что бы он равномерно во все стороны ?!?!

[darksranger]

ну вот, кстате, я вижу прелести в классе Animator

можно описать детальную анимацию ( не вызываю при этом кучу твинов )

вопрос на засыпку
что быстрее будет работать в "жеских" условиях ? класс аниматор или анимация через каурину ( твиновая которая )

[Xpb7]

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

если мувик делаеться программно то при ROLL_OVER он раширяется вправо и вниз, а как его... что бы он равномерно во все стороны ?!?!

Ваш програмный мувик по умолчанию имеет точку трансформации в левом верхнем углу своего баундинг бокса.
Поместите програмно созданный мувик в контейнер и выровняйте по центру. Эффект применяйте к контейнеру.

Сообщение от Alex Lexcuk

http://dnadillo.dn.ua/fla/js-swf-htm...e-on-scale.swf
http://dnadillo.dn.ua/fla/js-swf-htm...e-on-scale.zip

Каурина анимирует плавнее. Alex, я поражаюсь твоим творениям. =)