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 parallaxe

    Animation parallaxe

    Jean-Luc Delon  |
    26 234

    Flash CS3

  • Simulation de rotation 3D

    Simulation de rotation 3D

    Jean-Luc Delon  |
    16 390

    Flash CS4

  • Animation en boucle

    Animation en boucle

    Jean-Luc Delon  |
    26 887

    Flash CS3

  • Animation en plein écran en AS3

    Animation en plein écran en AS3

    Jean-Luc Delon  |
    18 539

    Flash CS4

  • Galerie photo

    Galerie photo

    Jean-Luc Delon  |
    49 018

    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