Comunidad de diseño web y desarrollo en internet online

Graficas de Easing

Citar            
MensajeEscrito el 12 Nov 2008 10:21 am
hola, alguien tiene algo parecido al swf que prueba las ecucaciones de easing de Robert Penner.

Son las graficas de easing de este tutorial.
http://www.cristalab.com/tutoriales/58/tutorial-de-ecuaciones-de-easing-y-transiciones-de-flash.html

gracias a todos.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

msie7
Citar            
MensajeEscrito el 12 Nov 2008 01:36 pm

Por vcomics

217 de clabLevel



 

Medellin - Colombia

firefox
Citar            
MensajeEscrito el 13 Nov 2008 07:01 am
Gracias vcomics, se me olvido mencionar que lo que necesito es en si el fla generador de graficas, con los presets de easing de Robert Penner, para incorporarlo a una demo de animacion por codigo que estoy haciendo.

Pude aislar el que viene en http://timotheegroleau.com/Flash/experiments/easing_function_generator.htm aunque no vienen todas las funciones de easing y la de bounce no se puede representar en esa grafica :(

Alguien que me pueda ayudar o conozca a Buho29 para que me pueda pasar o comerciar :P su fla. gracias de antemano

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

firefox
Citar            
MensajeEscrito el 29 Nov 2008 03:02 am
Bueno, este post lo hice hace un rato y el otro dia se me ocurrio retomarlo y encontrarle una solucion, para que no sea de esos post nunka resueltos y aqui esta mi solucion:



aca les dejo el codigo, es sencillo:

Código :

import com.fx.animaciones.easing.*;
import mx.transitions.Tween;

var easing:Array = new Array();

easing.push({label:"no easing", func:Linear.easeNone});
easing.push({label:"in quad", func:Quad.easeIn});
easing.push({label:"out quad", func:Quad.easeOut});
easing.push({label:"in-out quad", func:Quad.easeInOut});
easing.push({label:"in cubic", func:Cubic.easeIn});
easing.push({label:"out cubic", func:Cubic.easeOut});
easing.push({label:"in-out cubic", func:Cubic.easeInOut});
easing.push({label:"in quartic", func:Quart.easeIn});
easing.push({label:"out quartic", func:Quart.easeOut});
easing.push({label:"out-in quartic", func:Quart.easeInOut});
easing.push({label:"in quintic", func:Quint.easeIn});
easing.push({label:"out quintic", func:Quint.easeOut});
easing.push({label:"in-out quintic", func:Quint.easeInOut});
easing.push({label:"in elastic", func:Elastic.easeIn});
easing.push({label:"out elastic", func:Elastic.easeOut});
easing.push({label:"in-out elastic", func:Elastic.easeInOut});
easing.push({label:"in back", func:Back.easeIn});
easing.push({label:"out back", func:Back.easeOut});
easing.push({label:"in-out back", func:Back.easeInOut});
easing.push({label:"in bounce", func:Bounce.easeIn});
easing.push({label:"out bounce", func:Bounce.easeOut});
easing.push({label:"in-out bounce", func:Bounce.easeInOut});

for(var i:Number = 0; i < easing.length; i++)
{
   _cb.addItem({label:easing[i].label, data:i});
}
_cb.addEventListener("change", this);
_cb.addEventListener("close", this);
_cb.rowCount = 7;

function change( obj:Object )
{
   var i:Number = obj.target.getSelectedItem()["data"];
   this.graficar( easing[i].func );
}

createEmptyMovieClip("grafica_mc", 1);
grafica_mc._y = 230;
grafica_mc._x = 30;

function graficar( aux:Function ):Void
{
   grafica_mc.clear();
   grafica_mc.lineStyle(0, 0x0000FF, 100);
   grafica_mc.moveTo(0, 0);
   
   for( var tiempo = 0; tiempo <= 50; tiempo++)
   {
      grafica_mc.lineTo( tiempo * 10 , aux(tiempo, 0, 200, 50) * -1 );
   }   
   grafica_mc._width = 200;
}

this.graficar( Linear.easeNone );

function close( Void ):Void
{
   if( tw_mc == undefined )
   {
      this.createEmptyMovieClip("tw_mc", 3);
      tw_mc.lineStyle(3,0x00FFCC);
      tw_mc.lineTo(200,0);
      tw_mc._x = 30;
   }
   tw_mc._tween.stop();
   tw_mc._tween = new Tween( tw_mc, "_y", easing[_cb.getSelectedItem()["data"]].func, 230, 30, 2, true )
}


Si alguien necesita el archivo fla, puede pedirmelo, nos vemos pronto saludos :wink:

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

msie7

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.