$ 6.00

Tuto Menu 3D avec Papervision3D avec Flash

$ 6.00

  • Une formation vidéo de 1h56m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto Flash, vous allez apprendre à créer un menu 3D en utilisant la célèbre bibliothèque Papervision3D.

Ce menu comporte 6 faces que vous pourrez modifier à votre guise, vous pourrez également utiliser vos propres images.

Pour que le menu soit plus sympa, j'y ai ajouté une gestion de la vitesse via l'application d'un Blur (flou) dont l'intensité évoluera en fonction de la vitesse de déplacement du cube. Nous utiliserons aussi la classe ReflectionView de PV3 pour créer un reflet parfait de notre cube

La navigation de ce menu est dynamique, en effet, vous pourrez modifier les url simplement pour que les faces du cube puissent mener à d'autres liens.

Fonctionnalité du menu Cube en 3D :

  • Faces du cube modifiables (rapidement)
  • Effet de vitesse via l'utilisation de blur (flou)
  • Réflexion animée du menu3D
  • Navigation en fonction de la face cliquée (url perso)
  • Possibilité de modifier les titres dynamiquement
  • Mise en place simplifiée (une seule ligne de code)
  • Gestion du drag&drop;
  • Utilisation de la bibliothèque papervision3D
  • Gestion des mouvements via la classe TweenMax

Sommaire de ce tuto Flash et Papervision3D

I°)Création de l'interface (menu3D.fla)

  • Création du fichier fla et paramétrage
  • Récupération des images des faces dans l'interface
  • Création des faces du cube: création de cadres, des reflets et du titre dynamique
  • Liaison des éléments pour la récupération des faces dans la future classe

II°)Papervision3D

  • Page de téléchargement du projet (zip, swc)
  • Explication de l'installation local de la bibliothèque PV3
  • Explication de l'installation depuis flash (permanente)

III°)Création de la classe static Menu3D

  • Préparation de la classe (package, classe,constructeur)
  • Mise en place des imports (flash, pv3d,greensock)
  • Mise en place de l'ensemble des constantes et variables du projet
  • Mise en place de la méthode static create (récupération des paramètres)
  • Initialisation du projet et lancement des fonctions mères
  • Initialisation de la partie 3d (camera,scene,viewport,etc)
  • Initialisation de la partie liée au reflet
  • Récupération et mise en place des textures
  • Initialisation du menu et mise en place du reflet
  • Mise en place des écouteurs et simulation d'essais du cube3D
  • Gestion de l'activation et de la désactivation du menu
  • Création de l'animation du cube : déplacement, vitesse, flou, rotation, etc
  • Mise en place du render
  • Gestion de la navigation en fonction de la face cliqué

IV°)Correction

  • Un bref passage par le panneau de sortie et d'erreur de compilation.
  • Méthode de débogage

V°)Les fichiers sources:

  • Fichier Fla pour flash CS5, CS4
  • Fichier swf pour flash CS5, CS4
  • Un page d'images pour créer votre menu
  • un pack de font (celles utilisées dans le tuto)
  • Le framework papervision3D près à être utilisé

Table des matières de cette formation Flash (durée : 1h56m)

    • Menu 3D avec Papervision3D 00:16:17
    • Menu 3D avec Papervision3D 00:16:48
    • Menu 3D avec Papervision3D 00:08:09
    • Menu 3D avec Papervision3D 00:09:25
    • Menu 3D avec Papervision3D 00:11:40
    • Menu 3D avec Papervision3D 00:12:26
    • Menu 3D avec Papervision3D 00:12:32
    • Menu 3D avec Papervision3D 00:16:27
    • Menu 3D avec Papervision3D 00:13:14



Formateur : Grégory Nicolle

Grégory Nicolle a publié 57 tutoriels et obtenu une note moyenne de 4,0/5 sur 3 263 tutoriels vendus. Voir les autres formations de Grégory Nicolle

4,5
note moyenne

2
avis laissés
5 étoiles
1
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de Dany89 laissé le 06/06/2011
    Bonjour,\r\rJ\'ai suivi le tutoriel et je l\'ai trouvé très bien fait, cela ma beaucoup aidé et je l\'ai fini sans aucun problème alors que je suis un vrai débutant puisque c\'est la première chose que j\'ai faite sur flash.\r\rPar contre, je voulais savoir, si cela été possible, pourrait-on par exemple changer la couleur du fond de l\'image lorsque l\'on clique sur un des coté du cube au lieu que cela nous envoie vers un nouvelle url. \r\rJ\'espère avoir une réponse rapidement, cela m\'aiderais beaucoup.\r\rMerci d\'avance.\r\rDany.

accédez à plus de 1559 tuto gratuits


non, je ne veux pas me former gratuitement