Simulation de rotation 3D - Wisibility
Simulation de rotation 3D

Simulation de rotation 3D

Flash CS4

 24 février 2009
Jean-Luc Delon
1090720470
A partir d'une série d'images réalisées dans Poser nous allons montrer comment simuler un déplacement (tourner autour de la scène) dans un univers 3D.
Obtenir Adobe Flash Player

3Commentaires

Jean-Luc Delon  | 2009-02-27 07:12:17

Bonjour,

Merci de regarder mon petit tutorial.

Pour les wisinautes intéréssés voilà le même code en AS2

function animation(Void):Void{
//Calcul du numéro d'image à atteindre en fonction de la position du pointeur de souris
var NumeroImageActive:Number = Math.ceil(scene._xmouse/(Stage.width/totalImage));
//Atteindre l'image
voiture.gotoAndStop(NumeroImageActive);
}
//------------------- corps du programme ----------------------
//Definition de la scene
var scene:MovieClip=this
//Calcul du nombre total d'image dans le MC
var totalImage:Number = voiture._totalframes;
//Sur deplacement de la souris
voiture.onMouseMove=animation

Bon courage.....

pix  | 2009-07-09 22:15:01

Merci pour ce tuto très bien expliqué.
Pour mes besoins, j'ai a faire une rotation autours d'un objet dans la hauteur également (voir la voiture du dessus par exemple). J'ai donc apporté une petite modification au script.
///
Si on prend 3 "niveaux" de hauteur pour le point de vue cela donne :
///
function animation(evenement:Event):void {
var NumeroImageActive:uint=Math.ceil(mouseX/(stage.stageWidth/totalImage))+(Math.ceil(mouseY/(stage.stageHeight/NbrNiveaux))-1)*totalImage;
voiture.gotoAndStop(NumeroImageActive);
}

var NbrNiveaux:uint=3;
var totalImage:uint=voiture.totalFrames/NbrNiveaux;
voiture.addEventListener(MouseEvent.MOUSE_MOVE,animation);
stop();

///
On a donc NbrNiveaux qui défini le nombre de hauteurs de prises de vue.
totalImage défini le nombre d'images "par niveau", soit le nombre total d'images, divisé par le nombre de niveaux. (Toutes les images sont toujours chargées dans le même movieclip "voiture", à la suite, en montant d'un niveau a chaque fois)
L'axe Y de la souris est divisé de la même manière que l'axe X pour repérer la position du curseur, et il fait "sauter" le gotoAndStop de + ou - le nombre d'images par niveau (totalImage).

Je ne sais pas si mon explication est claire. Je ne suis pas du tout spécialiste d'AS, je n'ai suivi aucune formation, donc ma connaissance est complêtement intuitive... Si vous voyez une solution plus simple...

filsdekunti  | 2010-03-13 23:29:01

Voici donc un excellent pédagogue! On le sent "en direct" avec nous. Il sait enrichir sa formation de conseils pertinents et vulgariser ses explications.
Merci

 Vous aussi, commentez l'article

  • Autres tutoriels du formateur
  • Animation en plein écran en AS3

    Animation en plein écran en AS3

    Jean-Luc Delon  |
    18 467

    Flash CS4

  • Tombe la neige

    Tombe la neige

    Jean-Luc Delon  |
    22 407

    Flash CS4

  • Faire vibrer un objet

    Faire vibrer un objet

    Jean-Luc Delon  |
    19 757

    Flash CS4

  • Animation multi plans

    Animation multi plans

    Jean-Luc Delon  |
    21 256

    Flash CS3

  • Galerie vidéo

    Galerie vidéo

    Jean-Luc Delon  |
    26 357

    Flash CS3


  • Remonter en haut du tutoriel

    Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
    Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
    Contact - Wisibility est une marque déposée

    Blog - Tutoriels - Wisi TV - Forum