digilabs.com.ar » AS2

Generar columnas en Flash

Andrés Argüello Pitt — Fri, 24 Sep 2010 11:00:10 +0000

Aca dejo un pequeño tip de como generar columnas en flash facilmente.
La idea en usar un for pero no necesitar de hacer for añidados o usar contadores sino hacer todo en una sola línea usando el símbolo %. Con este “truquico” cada vez que i es divisible por 10 la vuelve cero de forma que el contador en x de este ejemplo decrementa desde -250 de 50 en 50. Lo único valores que peude tomar x son entre -250 y 250 y varía de 50 en 50. Usando este método es muy fácil generar una grilla donde posicionamos elementos.

for(var i : int = 0; i< 100; i++){
trace ('x: '+((i%10)-5)*50);
trace('y: '+ ((i/10)-5)*50);
}
//los traces de este ejemplo sería:
/*
x: -250
y: -250
x: -200
y: -245.00000000000003
x: -150
y: -240
x: -100
y: -235
x: -50
y: -229.99999999999997
x: 0
y: -225
x: 50
y: -220.00000000000003
x: 100
y: -215
x: 150
y: -210
x: 200
y: -204.99999999999997
x: -250
y: -200
x: -200
y: -195
x: -150
y: -190
x: -100
y: -185
x: -50
y: -180
x: 0
y: -175
x: 50
y: -170
x: 100
y: -165
x: 150
y: -160
x: 200
...*/

Detectar dirección con ActionScrip 2

Eduardo Martin — Thu, 09 Sep 2010 02:03:50 +0000

Si lo que intentan es detectar hacia que dirección va el cursor del mouse utilizando ActionScript2, les recomiendo utilizar un método que poco conocía que es nativo de Flash, su nombre es “watch“. Esta función analizar una variable y devuelve dos valores uno nuevo “newVal” y otro viejo “oldVal“, lo cual nos facilita el trabajo si tenemos que desarrollar una pelicula que detecte si el mouse va hacia la derecha o hacia izquierda, arriba o abajo, este método es muy interesante ya que nos permitiría saber si los valores en x e y se incrementan o disminuye lo cual con un simple if podríamos saber hacia donde se dirige el cursor. Esta función también puede servir para activar alertas, cuando una variable cambia, se analiza con watch y cuando se cumple una condición se activa una alarma, se ejecuta una función o simplemente se activa una animación.

Esto también se puede hacer con listeners, pero es mas complejo ya que hay que armar la función que permite comparar el valor viejo con el valor nuevo de la variable mientras cambia. No les aconsejo utilizar onEnterFrame ya que consume muchos recursos.

Ejempo:

Codigo:

Mouse.hide();
posX = function (dx, oldVal, newVal) {
    if (oldValnewVal) {
        trace("Izquierda");
        avion_mc._rotation = -90;
    }
    return newVal;
};
posY = function (dy, oldVal, newVal) {
    if (oldValnewVal) {
        trace("rriba");
        avion_mc._rotation = 360;
    }
    return newVal;
};
 
this.watch("dirx",posX);
this.watch("diry",posY);
 
this.onMouseMove = function() {
    avion_mc._x = _xmouse;
    avion_mc._y = _ymouse;
    dirx = _xmouse;
    diry = _ymouse;
 
};

Para los que estan trabajando con As3, el método watch no existe mas, por lo cual les dejo una solución AQUI

Clase:

package
{
   import flash.events.Event;
   import flash.events.EventDispatcher;
   public class Model extends EventDispatcher
   {
       public static const VALUE_CHANGED:String = 'value_changed';
       private var _number:Number = Number;
       public function Model():void
       {
           trace('The model was instantiated.');
       }
       public function set number(newNb:Number):void
       {
          _number=newNb;
          this.dispatchEvent(new Event(Model.VALUE_CHANGED));
       }
       public function get number():Number
      {
          return _number;
 
      }
   }
}

Modo de uso:

var objectToWatch:Model = new Model();
objectToWatch.addEventListener(Model.VALUE_CHANGED, onValuedChanged);
 
function onValuedChanged(e:Event) {
   //do what you need here
}

Espero que les sea útil, la próxima me gustaría completar la pelicula de arriba con algo de trigonometría para simular 100% la dirección.

Libreria para carga de archivos externos en flash.

Andrés Argüello Pitt — Wed, 27 Jan 2010 14:34:58 +0000

me encantan la librerías de cualquier lenguaje sobre todo las de Flash. Tweenlite es mi librería por defecto que utilizo en el 90 por ciento de mis proyectos. Esta semana empecé a usar una nueva librería que tiene mas utilidades y no se especializa en animaciones si no que se utiliza para hacer la carga de archivos externos. Lo que más me gustó de esta librería es que permite hacer optimizaciones de memoria en cualquier momento, cosa que nos podría ser útil en caso de estar desarrollando alguna aplicación para dispositivos móviles donde la memoria es acotada. Otra ventaja es que viene en dos gustos para los clásicos AS2 y para aquellos más atrevidos AS3.

Más información en:

http://as3.casalib.org/releases/1.2.1/docs/

más formulas útiles.

Andrés Argüello Pitt — Sat, 12 Dec 2009 07:55:33 +0000

Siguiendo con formulas útiles de mi post anterior y estudiando un poco algoritmos Euclidianos, cree un par de funciones para saber cual es la relación de aspecto de una imagen.

function getMCD(w:int, h:int):int{ 
return ((h != 0) ? arguments.callee(h, w % h): w); 
}
 
function getAspectRatio(w:uint, h:uint):String{ 
var mcd:Number = getMCD(w, h);
return [(w / mcd), (h / mcd)].join(":"); 
}

y estos son algunos testeos:

trace (getAspectRatio(320, 240)); // 4:3 
trace (getAspectRatio(540, 480)); // 9:8 
trace (getAspectRatio(550, 400)); // 11:8

Numero aleatorio dentro de un rango

Andrés Argüello Pitt — Fri, 14 Aug 2009 11:31:25 +0000

Math.random() es una función super utilizada dentro de flash. Pero mucho más versátil es poder elegir el rango en el que nos devuelve dicho numero aleatorio, por ejemplo: si queremos un numero aleatorio entre el 5 y el 13. Eso se Puede solucionar fácil haciendo min + (max – min) * Math.random();

function randomMinMax( min:Number, max:Number ):Number {
return min + (max - min) * Math.random(); 
}
var miNumeroAleatorio:Number=randomMinMax(5,13);
trace(miNumeroAleatorio);

Se que no es una maravilla pero es muy útil y la utilizo aunque sea una vez por semana en mis proyectos.

Formulario de contacto

Andrés Argüello Pitt — Tue, 11 Aug 2009 10:43:00 +0000

Dejo acá un formulario de contacto bonito y que ocupa poco espacio para aquellos sitios con restricción de espacio. Es para AS2 y el campo de texto se ajusta a lo que escribas, lo único que le faltaría es que onfocus borre el texto inicial, pero eso es fácil de cambiar.

http://www.flashuser.net/flash-components/freebie-good-looking-flash-contact-form.html

Limite permitidos de caracteres dentro de un Dynamic Text

Eduardo Martin — Sat, 08 Aug 2009 19:11:42 +0000

Supongamos que estamos desarrollando un kiosco interactivo,y queremos implementar un teclado virtual para utilizar una pantalla touch screen. Si lo programamos en ActionScript y necesitamos limitar la cantidad de caracteres permitidos en algunas cajas de textos dinámicos, hay una manera muy sensilla utilizando la siguiente funcion propia de ActionScript 2 “Length(nombre:variable)“.

Ejemplo:

var contenido_texto = cual_txt.text;
var caracteres_n:Number = 4; //Definimos la longitud permitida
 
// Esta condición iría en el momento en que se tipea.
if (Length(contenido_texto) == caracteres_n) {
trace ("DynamicText bloqueado");// codigo que indica el fin de la estructura
}else{
trace ("DynamicText desbloqueado");
// Código de escritura normal
}

Esta función no esta documentada en el Help Reference de Flash CS3, cuantas mas habrá?

machete de actionscrip 2.0 y 3.0

Andrés Argüello Pitt — Tue, 21 Jul 2009 10:05:53 +0000

Genial para no tener que acordarse como iniciar objetos, array, preloaders, etc. Un buen machete fácil de usar con ejemplos.

http://www.weberdesignlabs.com/cheatsheet/

Formulas útiles

Andrés Argüello Pitt — Fri, 19 Jun 2009 22:32:42 +0000

La idea de este post es publicar formulas que son súper útiles para hacer cálculos de MCs con respecto el mouse. Por ejemplo mover hacia un lado u otro un mc según la distancia del puntero del mouse al centro de escenario o mover una lista de thumbnails según la posición del mouse con respecto distancia al centro del movieclip contenedor.
Lo anterior lo podríamos hacer por trigonometría sacando la distancia, pero también hay formulas útiles para calcular circunferencias y con ellas dibujar tortas para estadísticas incluso animarlas en tiempo de ejecución.

Distancias

La distancia entre dos puntos (x1,y1) y (x2,y2) es representada por la siguiente formula:

Como sacar la distancia del mouse al centro del escenario en AS3:

   var x1=stage.stageWidth/2;
    var x2=mouseX;
    var y1=stage.stageHeight/2;
    var y2=mouseY;
    var distx:Number=Math.sqrt(Math.pow(x2-x1,2)+Math.pow(y2-y1,2));

y si necesitamos esa distancia en porcentaje:

var porcentage=(distx*100)/x1

La única aclaración sería que el método con el cual saco la mitad al centro del escenario en AS3 es: stage.stageWidth y AS2 sólo cambiaría por Stage.width . Cambiando sólo eso debiran andar sin problemas en AS2.

Cortar parte de un texto

Eduardo Martin — Sat, 06 Jun 2009 16:36:46 +0000

Se habrán encontrado varias veces con la necesidad de mostrar un resumen del texto de una noticia, esta función les va a facilitar la tarea sin necesidad de tener que poner en la base de datos un campo con el resumen de la noticia, salvo que esta sea necesaria.

texto_completo = es la variable que contiene texto de la noticia completa
resumen = es la nueva variable que contendrá 80 caracteres de la noticia completa

var resumen = texto_completo.substring(0, 80);