Problema con tweens

Estoy armando una clase donde creo un cuadrado que va a ser un "boton", pero cuando le pongo el tween en el evento mouse over para que se alarge hacia la derecha, se agranda pero se mueve un poco para la derecha, no mantiene su posicion.

Este es el codigo

Código ActionScript :

package  
{
   import fl.transitions.easing.Regular;
   import fl.transitions.Tween;
   import flash.display.MovieClip;
   import flash.display.Shape;
   import flash.display.Sprite;
   import flash.events.MouseEvent;
   /**
    * ...
    * @author nico
    */
   public class Dibujar extends MovieClip 
   {
      private var tweenW:Tween;
      private var cuadrado:Sprite;
      
      public function Dibujar() 
      {
         var cuadrado:Sprite = new Sprite();
         
         cuadrado.graphics.beginFill(0xFF0000, 1);
         cuadrado.graphics.drawRect(20, 20, 100, 40);
         cuadrado.graphics.endFill();
         cuadrado.buttonMode = true;
         this.addChild(cuadrado);
         this.stage.addEventListener(MouseEvent.MOUSE_OVER, estirar);
         
      }
      
      private function estirar(e:MouseEvent):void 
      {
         tweenW = new Tween(this, "width", Regular.easeOut, 100, 200, 1, true);
      }
      
   }

}

Cambiale el punto de anclaje al angulo superior izquierdo para que se estire desde allí

Jorge

Y como hago eso?, no es un movie clip visual, el cuadrado fue creado por codigo.

Sorry, estas usando this como argumento del tween, cuando debería ser una referencia al cuadrado. Si lo que quieres es que se agrande al hacerle click, agrega el evento al cuadrado en vez del al Stage, o guarda una referencia al cuadrado en una variable que no sea local a la funcion

Jorge.

Lo que quiero es que cuando pase el mouse por arriba se agrande para la derecha sin mover su posicion.

Claro, quizás no fui claro, resumo:

- No agregues el listener al stage, agrégaselo al cuadrado
- No uses this en la función estirar, usa e.target

Jorge

Modifique lo que me dijiste, pero tengo basicamente el mismo efecto, el cuadrado se sige desplazando un poco a la derecha cuando se "estira", no mantiene su posicion.

Lo he probado, es cierto, supongo que el drawing API se redibuja en el Tween, porque si usas un MovieClip previamente dibujado no pasa. Si es un caso puntual, puedes corregirlo compensando, es aproximadamente un 10% del tamaño al que apuntas

Código ActionScript :

function estirar(e:MouseEvent):void  
{ 
  var tweenW:Tween = new Tween(e.target, "width", Regular.easeOut, 100, 200, 1, true); 
  var tweenH:Tween = new Tween(e.target, "x", Regular.easeOut, e.target.x, -20, 1, true);
} 

Jorge

Claro, si lo dibujas es mas facil, pero como estoy aprendiendo a programar estoy intentando crear la mayor parte de las cosas en codigo para ir acostumbrandome a codear, gracias por la ayuda!.