Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Forum d'entraide en graphisme et webdesign. Formation pour Flash, Photoshop et les langages: as2, as3, html, php, javascript, etc.


    De l'inertie dans une animation

    Partagez

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    De l'inertie dans une animation

    Message par artkabis le Mar 21 Oct - 20:46

    Bonjour à tous, voici un tutoriel qui vous permettra d'ajouter de l'inertie dans vos animations. J'ai longtemps cherchais à reproduire cet effet, quand je suis tombé sur une portion de code utilisant cet effet. Voici donc un tutoriel pour appliquer simplement et en un minimum de code l'effet inertie sur vos clips.

    Le resultat:


    Le tutoriel:


    Le code (à placer sur le clip "drag"):
    Code:
    this._parent.rond.ombre._visible=false;
    deltaX=0;
    deltaY=0;

    this.onPress = function () {
        startDrag(this);
        this._parent.rond.ombre._visible=true;
         this._parent.rond._alpha=60;
        };
       
    this.onRelease = function () {
        stopDrag();   
        this._parent.rond.ombre._visible=false;
        this._parent.rond._alpha=100;
    };
       
    this.onReleaseOutside = function () {
        stopDrag();   
        this._parent.rond.ombre._visible=false;
        this._parent.rond._alpha=100;
    };
    this.onEnterFrame = function() {
       _parent.cercleX=this._x;
       _parent.cercleY=this._y;
       deltaX = (_parent.rond._x-this._x)*0.65;
       deltaY = (_parent.rond._y-this._y)*0.65;
       _parent.rond._x -= deltaX-0.1*deltaX;
       _parent.rond._y -= deltaY-0.1*deltaY
    }

    N'oubliez pas de déclarer les variables sur la scène principale (calque "AS"):
    Code:

    cercleX = cercle._x;
    cercleY = cercle._y;

      La date/heure actuelle est Sam 3 Déc - 13:37