problemas con direccion de la animacion

[kaze_chan]

Bueno, se que el titulo no aclara muchas cosas, pero mi problema es dificil de resumir

Estoy haciendo un mini estanque con unas carpas a modo de mascotas para una pagina web

de momento tengo las carpas en el escenario añadidas con codigo y se mueven, el problema es que nadan de lado y en diagonal....

aunque mi problema principal es que quiero que siempre miren al sentido en el que nadan como estas de [URL="http://abowman.com/google-modules/fish/"]aqui[/URL]

que programacion es necesaria para conseguir eso?
lo estoy haciendo con ActionScript 3.0

cuando delimite las paredes del estaque puedo poner un preview de mis carpas, de momento se salen del escenario ^^U

=^^= =^^= =^^=

[esdebon]

Sin ver el código no se bien cual es el problema, pero me imagino que se puede solucionar con una condición, supongo que los peces se mueven con código en un enterframe...

podrias poner en el enterframe una condición, donde si la posicion del paso (del enterframe) anterior, es mayor a la del paso actual implica que el pez esta nadando hacia la izquierda y vice versa, seria algo asi como:

//////esto declarado fuera de cualquier función y dos variable para cada pez
var pezAnterior:Number;
var pezActual:Number;

///////esto dentro de la función llamada por el enterFrame

if(pezAnterior>pezActual){
pez.scaleX=-1;
}else{
pez.scaleX=1;
}
pezAnterior=pezActual;
pezActual=pez.x;

////////////

para hacer mas general la función en vez de que diga pez, se peude usar e.target, donde e es el nombre del evento que se recibe en la función.

[kaze_chan]

mis carpas nadan mas o menos libres, aun no acabe de darles todas las ordenes que quiero, pero de momento es algo asi:

en vez de usar array he nombrado a todas, por que son 3 y distintas en aspecto entre ellas

Código Javascript:

var k_01 = new koi();
    k_01.x = aleatorio(0,181);
    k_01.y = aleatorio(0,181);
    k_01.velx = aleatorio(1,5);
    k_01.vely = aleatorio(1,5);
    k_01.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_01.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_01);
var k_02 = new koi2();
    k_02.x = aleatorio(0,181);
    k_02.y = aleatorio(0,181);
    k_02.velx = aleatorio(1,5);
    k_02.vely = aleatorio(1,5);
    k_02.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_02.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_02);
var k_03 = new koi3();
    k_03.x = aleatorio(0,181);
    k_03.y = aleatorio(0,181);
    k_03.velx = aleatorio(1,5);
    k_03.vely = aleatorio(1,5);
    k_03.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_03.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_03);
    
    
stage.addEventListener(Event.ENTER_FRAME, mover)
 
function mover(e:Event):void
{
    k_01.x += k_01.velx * k_01.dirx;
    k_01.y += k_01.vely * k_01.diry;
    k_02.x += k_02.velx * k_02.dirx;
    k_02.y += k_02.vely * k_02.diry;
    k_03.x += k_03.velx * k_03.dirx;
    k_03.y += k_03.vely * k_03.diry;
}
 

=^^= =^^= =^^=

[esdebon]

Quita esto:

Código action script:

stage.addEventListener(Event.ENTER_FRAME, mover)
 
function mover(e:Event):void
{
    k_01.x += k_01.velx * k_01.dirx;
    k_01.y += k_01.vely * k_01.diry;
    k_02.x += k_02.velx * k_02.dirx;
    k_02.y += k_02.vely * k_02.diry;
    k_03.x += k_03.velx * k_03.dirx;
    k_03.y += k_03.vely * k_03.diry;
}
 

y pon esto:

Código action script:

k_01.addEventListener(Event.ENTER_FRAME, mover)
k_02.addEventListener(Event.ENTER_FRAME, mover)
k_03.addEventListener(Event.ENTER_FRAME, mover)
 
function mover(e:Event):void
{
    e.target.x+= e.target.velx * e.target.dirx;
    e.target.y+= e.target.vely * e.target.diry;
    if(e.target.dirx<0){
        e.target.scaleX=-1;
    }else{
        e.target.scaleX=1;
    }
}
 

[kaze_chan]

nada ú.ù

parece que les gusta nadar de lado, voy a ver si hago los limites del estanque y despejo un poco la cabeza
que, no se como, siempre quiero hacer las cosas faciles y las acabo complicando

gracias por la ayuda ^^

=^^= =^^= =^^=

[esdebon]

Condiciones:

- Las carpas deben estar en el centro de su movieClip.

- Procura que tu funcion aleatorio() de un valor dentro de la pecera, si no se traban los peces.

Código actionscript:

var k_01 = new koi();
    k_01.x = aleatorio(0,181);
    k_01.y = aleatorio(0,181);
    k_01.velx = aleatorio(1,5);
    k_01.vely = aleatorio(1,5);
    k_01.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_01.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_01);
var k_02 = new koi2();
    k_02.x = aleatorio(0,181);
    k_02.y = aleatorio(0,181);
    k_02.velx = aleatorio(1,5);
    k_02.vely = aleatorio(1,5);
    k_02.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_02.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_02);
var k_03 = new koi3();
    k_03.x = aleatorio(0,181);
    k_03.y = aleatorio(0,181);
    k_03.velx = aleatorio(1,5);
    k_03.vely = aleatorio(1,5);
    k_03.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_03.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_03);
    
 
k_01.addEventListener(Event.ENTER_FRAME, mover)
k_02.addEventListener(Event.ENTER_FRAME, mover)
k_03.addEventListener(Event.ENTER_FRAME, mover)
 
var limiteDerecho:Number=stage.stageWidth;
var limiteIzquierdo:Number=0;
var limiteArriba:Number=0;
var limiteAbajo:Number=stage.stageHeight;
 
function mover(e:Event):void
{
    e.target.x+= e.target.velx * e.target.dirx;
    e.target.y+= e.target.vely * e.target.diry;
    if(e.target.dirx<0){
        e.target.scaleX=-1;
    }else{
        e.target.scaleX=1;
    }
    ///////////Limites
    if((e.target.x+e.target.width/2)>limiteDerecho || (e.target.x-e.target.width/2)<=limiteIzquierdo){
        e.target.dirx*=-1;
    }
    if((e.target.y+e.target.height/2)>limiteAbajo || (e.target.y-e.target.height/2)<=limiteArriba){
        e.target.diry*=-1;
    }   
}
 

[kaze_chan]

ay dios! que grande
tengo 2 carpas epilepticas con doble trastorno de personalidad que nadan de lado y una que nada hacia atras xD

tengo que cambiar el punto de control al centro, pero hasta mañana no podre (maldito CS4 ¬¬)

=^^= =^^= =^^=

[esdebon]

Iniciado por kaze_chan

ay dios! que grande
tengo 2 carpas epilepticas con doble trastorno de personalidad que nadan de lado y una que nada hacia atras xD

tengo que cambiar el punto de control al centro, pero hasta mañana no podre (maldito CS4 ¬¬)

=^^= =^^= =^^=

jajajaja, lo de la epilepsia se arregla con lo de poner centradas las carpas, lo de nadar hacia atras, es porque mis carpas improvisadas ven hacia la derecha y supongo que las tuyas no, sólo cambia:


solo cambia los signos de la linea 41 y 43


e.target.x+= e.target.velx * e.target.dirx;
e.target.y+= e.target.vely * e.target.diry;
if(e.target.dirx<0){
e.target.scaleX=-1;
}else{
e.target.scaleX=1;
}

[kaze_chan]

estoy grabando como nadan, mañana o pasado lo subire a youtube, esto ha sido epico xD

=^^= =^^= =^^=

[esdebon]

jajajaja, acabo de ver el link que pusiste no lo habia visto

Lo que yo hace eran unas carpas vistas desde un lado de una pecera.

Y lo que quieres son unas carpas vistas desde arriba

Código actionscript:

var k_01 = new koi();
    k_01.x = aleatorio(0,181);
    k_01.y = aleatorio(0,181);
    k_01.velx = aleatorio(1,5);
    k_01.vely = aleatorio(1,5);
    k_01.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_01.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_01);
var k_02 = new koi2();
    k_02.x = aleatorio(0,181);
    k_02.y = aleatorio(0,181);
    k_02.velx = aleatorio(1,5);
    k_02.vely = aleatorio(1,5);
    k_02.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_02.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_02);
var k_03 = new koi3();
    k_03.x = aleatorio(0,181);
    k_03.y = aleatorio(0,181);
    k_03.velx = aleatorio(1,5);
    k_03.vely = aleatorio(1,5);
    k_03.dirx = (1-(Math.floor(Math.random()*2)*2));
    k_03.diry = (1-(Math.floor(Math.random()*2)*2));
    addChild(k_03);
    
 
k_01.addEventListener(Event.ENTER_FRAME, mover)
k_02.addEventListener(Event.ENTER_FRAME, mover)
k_03.addEventListener(Event.ENTER_FRAME, mover)
 
var limiteDerecho:Number=stage.stageWidth;
var limiteIzquierdo:Number=0;
var limiteArriba:Number=0;
var limiteAbajo:Number=stage.stageHeight;
 
function  gradosGiro(destinoX:Number, destinoY:Number, origenX:Number, origenY:Number):Number {
    var restoX:Number = destinoX - origenX;
    var restoY:Number = destinoY - origenY;
    return (Math.atan2(restoY,restoX) * 180 / Math.PI);
}
function mover(e:Event):void
{   
    e.target.irX=e.target.velx * e.target.dirx
    e.target.irY=e.target.vely * e.target.diry;
    
    e.target.rotation=gradosGiro(e.target.x+e.target.irX,e.target.y+e.target.irY,e.target.x,e.target.y);
    
    e.target.x+= e.target.irX;
    e.target.y+= e.target.irY;
    ///////////Limites
    if((e.target.x+e.target.width/2)>limiteDerecho || (e.target.x-e.target.width/2)<=limiteIzquierdo){
        e.target.dirx*=-1;
    }
    if((e.target.y+e.target.height/2)>limiteAbajo || (e.target.y-e.target.height/2)<=limiteArriba){
        e.target.diry*=-1;
    }   
}
 

La función gradosGiro() hace que las carpas vean hacia su destino...
pero para que se vea bien, yo creo que tienes que hacer una funcion con un timer que en un intervalo de tiempo al azar te de una nueva posición destino de las carpas y nuevas velocidades, si no sólo parecerá que rebotan en los bordes.

[kaze_chan]

te presento a mis [URL="http://youtu.be/S42AWoTj7GI"]carpas[/URL]
asi es como nadaban al principio, ahora ya van hacia adelante y nadan en diagonal, aunque siguen con apilepsia y desdoble de personalidad O.O?

aunque eso es una pequeña parte de toda una pagina web que tengo que hacer, asi que creo que me voy a empezar a centrar en el resto ya que las carpas cumplen su funcion principal y mas adelante ya las mejorare ^^

=^^= =^^= =^^=