Creating a basic animation

[Tainder]

Hey guys !

 

I'd like to create a basic animation on only 1 axis. I want to move a plane from 1 place wich i already know x , y ,z  to another place wich i also know x , y ,z and never stop this animation.

 

I tried with the tutorail and swap the "scaling.x" by a position.x but this didnt work. Here is the code i discribe :

 

var animationBox = new BABYLON.Animation(
"tutoPigeon",
"position.x",
30,
BABYLON.Animation.ANIMATIONTYPE_FLOAT,
BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE);

// An array with all animation keys
var keys = [];  

   //At the animation key 0, the value of scaling is "1"
    keys.push({
       frame: 0,
       value: 1
   // });

    //At the animation key 20, the value of scaling is "0.2"
    keys.push({
       frame: 20,
       value: 0.2
    });

    //At the animation key 100, the value of scaling is "1"
    keys.push({
       frame: 100,
       value: 1
    });

animationBox.setKeys(keys);

planPigeon.animations.push(animationBox);

 scene.beginAnimation(planPigeon, 0, 100, true);

[GameMonetize]

it should work.. What result do you get?

[Tainder]

The plane moves on x axis but its not an animation just not like with the scaling option.

There's other animation tool wich does the same or a solution to get à real time animation with this one ?

Thanks for replies,

Cheers

Tainder

[Tainder]

Ok so with my previous code the result is the plane appears then after the 100 frames it disappear for like a sec and then appear again

[davrous]

Can you please share your complete code sample on jsfiddle or similar? It should work. I'm doing the exact same thing animating position.x & y & z on the camera for instance without problem.

 

David

[Tainder]

http://jsfiddle.net/gHBs2/

 

At the bottom of the HTML just before the camera.

[Tainder]

There the live exemple with the code I just share you : http://lajambobinette.pulseheberg.org/customShaders.html

 

The animation is based on the plane textured by the wood in the air.

[GameMonetize]

you first key is empty on your sample:

 

    keys.push({       // frame: 0,       // value: 1    });

You have to define a value instead the system will not be able to interpolate value

[Tainder]

Ahah i'm so dumb :/

 

Thanks !

 

So if I want to make it move from the left sided box to the right sided one I just have to set like more at frame & value ?

[Tainder]

Oh, i should just use this kind of animation no ? This can be way better :

BABYLON.Animation.prototype.floatInterpolateFunction = function (startValue, endValue, gradient) {    return startValue + (endValue - startValue) * gradient;};

[GameMonetize]

Yes just add more frames.

 

The floatInterpolateFunction function is already used by the animation engine