Dans ce tuto Fkash ActionScript 3 vous apprendrez à réaliser un galerie photos de type carrousel 3D initialisé à partir d'un fichier XML.

Ce tuto Flash inclu tous les fichiers d'exemples nécessaires pour Flash CS3/4 . Vous aurez en prime la possibilité de télécharger une variante de ce carrousel qui rajoute un reflet sur les photos. Mais également un fichier montrant comment utiliser ce caroussel comme un menu!

Jettez un oeil à ces autres tuto Flash CS4, ActionScript 3

Gérer un modèle 3D dans Flash CS4Gérer un modèle 3D dans…
Dans ce tuto Flash CS4 et ActionScript 3 vous apprendrez à…

Jeu Merlin FLash 3DJeu Merlin FLash 3D
Ce tuto ActionScript 3 en vidéo, d'un niveau intermédiaire,…

Champ de vidéos 3DChamp de vidéos 3D
Dans ce tuto Actionscript 3 en vidéo, vous allez apprendre…

Répertoire téléphonique avec Flash, xml et PHPRépertoire téléphonique…
Dans ce tuto Flash en vidéo, vous allez apprendre à développer…

Créez un site flash de type PortfolioCréez un site flash de type…
Apprenez dans cette formation à réaliser un site complet en…

 Website xml avec utilisation de SWFAddress et SWFObjectWebsite xml avec utilisation…
Dans ce tutoriel, nous allons créer un website dynamique qui…

Débutez facilement avec Flash CS4Débutez facilement avec Flash…
Cette vidéo de découverte va vous permettre de découvrir…

Créer un website avec gestion xml en as3Créer un website avec gestion…
Dans ce tutoriel nous allons créer ensemble un mini site internet…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash CS4, ActionScript 3 de 34 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

tutoman , Formateur

Salut à tous, je m'appelle Walter et je travaille dans un centre de loisirs comme animateur pour enfants. Je suis autodidacte en informatique car j'aime bien la programmation. J'ai choisi Flash car c'est un logiciel de programmation très complet. J'ai découvert l'AS3 en 2010 et espère, au travers de mes tutoriels, vous aider dans le développement de vos projets. Pour tout contact ou mises à jour des scripts de mes tuto : http://webnight.free.fr/tuto.com/

En savoir plus sur tutoman


Témoignage des clients de tutoman

Super tuto, très simple à suivre, facile d'accès, clair et précis dans ses explication, continue.....Bravo !

Merci beaucoup, tutoman. Ce superbe travail va me faciliter la vie. Tes tutos sont excellents.

Bon formateur, il est clair, net et précis

C'est super, merci!

Tutos clairs, et parfois amusants ! Du bon travail, continue comme ça, et merci.

Lire les autres témoignages

 

D'autres tuto de tutoman

Souris étincelanteSouris étincelante
Dans ce tuto Flash ActionScript 3 vous allez apprendre à programmer un "mouse-trailer"…

 Texte défilant dynamique Texte défilant dynamique
Dans ce tuto Flash ActionScript 3, nous allons voir comment programmer un texte qui,…

Ticket à GratterTicket à Gratter
Dans ce tuto Flash ActionScript, vous allez apprendre à programmer un ticket à gratter,…

Menu défilant avec effet de vitesseMenu défilant avec effet de vitesse
Dans ce tutoriel ActionScript, Flash, vous allez apprendre à programmer un menu qui…

voir tous les tuto de tutoman

Notes attribuées par les utilisateurs (6 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (16)

par grim06à voté :
(a acheté ce tuto - 06 janvier 2012)

" supert tres tres bien "

par tutoman
(auteur de ce tuto - 29 novembre 2011)

" Yanhorse>Merci pour le commentaire :) Ce problème est connu et apparait quand une anime flash tourne à une vitesse qui dépend de la position de la souris. Lorsque le swf est intégré dans une page web, les coordonnées continuent d'être prises en compte même quand la souris quitte la scène et les valeurs obtenues sont plus grandes que prévues. Le script suivant permet de détecter si la souris entre ou quitte la scène, toutefois au lancement de l'application, à ma connaissance, il n'est pas possible de savoir si le pointeur est déjà dans la scène ou pas... Si le pointeur est hors de la scène, il faut qu'il arrive sur la scène pour connaître son arrivée et si le pointeur est déjà sur la scène, il faut qu'il soit déplacé au moins une fois pour détecter sa présence... Lorsqu'il s'agit d'un site fullscreen ce problème n'existe pas, par contre c'est vrai que c'est embêtant pour une animation intégrée.
//----------------------
stage.addEventListener(MouseEvent.MOUSE_MOVE,stageOver);

function stageOver(evt:MouseEvent){
txt.text="Sur la scène";
stage.removeEventListener(MouseEvent.MOUSE_MOVE,stageOver);
stage.addEventListener(Event.MOUSE_LEAVE,stageLeave);
}

function stageLeave(evt:Event){
txt.text="Hors de la scène";
stage.addEventListener(MouseEvent.MOUSE_MOVE,stageOver);
}
//-----------------

Toutefois, pour le carrousel menu, que vous pouvez tester ici,
http://webnight.free.fr/tuto.com/samples/carrouselXML/
tant que la souris ne survole pas sur la scène il ne tourne pas et lorsqu'elle la quitte, il tourne à sa vitesse maxi (c'est à ce moment qu'il est possible de détecter la sortie du pointeur pour fixer une vitesse nulle ou autre). "

par tutoman
(auteur de ce tuto - 18 juin 2011)

" SPOONIX>C'est bon, je vois ce qu'il manque pour que ça fonctionne. J'ai envoyé dans votre boîte mail la solution au problème (un carrousel qui combine des images et des images-lien vers un site). Merci pour vos commentaires et note. "

par SPOONIXà voté :
(a acheté ce tuto - 15 juin 2011)

" Bonjour,
Tout d'abord je conseille ce tuto. Il est clair et il n'y a aucun problème concernant ces fichiers sources... ni de problème d'intégration dans un site (qui n'a rien à voir avec ce tuto).
J'ai voulu aller plus loin en compilant photos et menus... tout marche sauf un point: les photos sont lues normalement, quand je clique sur le "menu-lien", je suis bien dirigé vers le site voulu mais à partir de là c'est fini, j'ai un chargement en boucle qui ne s'arrête plus et donc je n'ai plus la possibilité d'aller ouvrir d'autres photos ou d'autres liens...
Cela doit provenir d'une fonction que je n'ai pas placé pour arrêter la recherche du lien quand il a été chargé... non? Mais quel est cette ligne de code si c'est bien ça???
Merci pour votre coup de main. "

par tutoman
(auteur de ce tuto - 19 décembre 2010)

" Merci kryshnar d'apporter ton soutien ;)
En cas de souci, je rajouterai pour simplifier vos tests, qu'il faut :
1) Regroupez les fichiers HTML, XML et SWF dans le même dossier.
2) Si vous n'utilisez pas SWFObject 2 pour intégrer le SWF dans la page HTML, vérifiez que vous avez bien le dossier Scripts généré par Dreamweaver.
3) Vérifiez le cas des majuscules/minuscules des fichiers (xml et photos ?).
4) Mettez à jour vos plugins Flash Player pour vos navigateur (firefox, IE, etc..).
5) Dans l'archive à télécharger, j'ai rajouté a une version du carrousel qui fonctionne avec une classe et qui affiche des erreurs de chargement qui pourraient provenir du fichier xml, des diapos ou des photos. De plus, elle est modifiée pour mieux fonctionner si vous l'utilisez dans un loader.

Les scripts sont complets, il n'y a pas de scénario car c'est 100% de la programmation AS3. Si j'ai bien compris, ce problème n'est pas une question de "en ligne" ou "en local", c'est lorsque le swf est intégré au site.
Vu l'erreur affiché, d'après-moi ce n'est qu'un problème de chemin dû à une utilisation de sous-dossiers. Pour plus d'infos, je vous conseille vivement de voir ce tuto :

http://fr.tuto.com/flash/integration-et-chargement-d-une-animation-flash-flash,14729.html

AYEZ EN MEMOIRE QUE CE N'EST PAS UN TUTORIEL QUI EXPLIQUE COMMENT CREER UN SITE FLASH MAIS COMMENT PROGRAMMER UN CARROUSEL, RIEN DE PLUS.

En espérant que ceci peut aider... sinon, n'hésitez pas à me contacter via Facebook ou mon email: waltxp@yahoo.com

19/12/10 : Mise à jour des scripts des carrousels "

par km16à voté :
(a acheté ce tuto - 27 octobre 2010)

" Bonsoir Tutoman, tout d'abord merci pour vos tutos.
Mon souci est actuellement avec l'application de votre tuto sur le carrousel 3D (le # 2, mais le même pbm se pose avec les autres fichiers fla.) :
1. tant que je teste directement vos fichiers fla. pas de problème, tout fonctionne
2. or, dès que je place sur mon site plus rien ne fonctionne
3. lors du test sur flash, voici ce qui s'affiche : Error #2044: IOErrorEvent non pris en charge : text=Error #2035: L'URL est introuvable.
4. tous les fichiers (fla., html, xml, swft) se trouvent bien dans la racine de mon site dans le dossier www
5. je les ai placés dans un dossier intitulé : carrousel, lui même placé dans le dossier : flash
6. Pourriez-vous m'indiquer où se trouve mon(es) erreur(s) ?
Par ailleurs, dans votre fichier fla. seuls les movie clip suivants sont existants : degrade & loading mc
1. Vous serait-il possible de nous (les acheteurs de vos tutos) fournir les fichiers fla. avec tout le scénario, càd avec les calques images, les calques AS, etc ... cela nous permettrait en effet d'agir directement sur le scénario, de le modifier, d'importer nos propres images, de l'enregistrer directement sur la racine de notre site, ce qui je pense éviterait les soucis énoncés ci-dessus.
Voilà, je vous remercie par avance pour votre réponse.
"

par kryshnar
(n'a pas acheté ce tuto - 18 octobre 2010)

" Salut a tous,

kainz23, ChrisCMoi, ymaufay pouvez vous détailler votre problème plus précisement.
Utiliser vous firefox si oui utiliser vous le plugin firebug?

cet outils vous donnera déjà des informations très utile pour que l'on puisse vous aider tutoman et moi!

Merci d'avance !

Krysh Nar "

par ymaufay
(a acheté ce tuto - 04 octobre 2010)

" Problème de fonctionnement sur mon site web : les photos ne se téléchargent pas alors qu'en local cela fonctionne ! AU SECOURS !
Merci d'avance ! "

par ChrisCMoi
(a acheté ce tuto - 03 septembre 2010)

" Je voudrai savoir si je souhaite publier surm on site ce carroussel avec mes propres photos, que dois je modifier, car j'ai inséré dans ma page web et ça ne fonctionne pas "

par kainz23
(a acheté ce tuto - 13 avril 2010)

" bonjour, j'ai utilisé ce tuto. En local tout fonctionne, mais lorsque je l'intègre dans un site le chargement xml ne se fait pas.

Quel chemin faut-il utiliser pour que le chargement se fasse?

Merci "

par tutoman
(auteur de ce tuto - 09 avril 2010)

" Je ne connais pas bien joomla mais s'il accepte flash y'a pas de raison. Je ne vois pas pourquoi flash ne marcherait pas dans joomla.
Le nombre d'image est illimité en théorie mais en pratique cela n'a aucun sens, tout dépend de la largeur de tes diapos. Il n'est pas possible de mettre des centaines de diapos sans qu'elles ne se superposent même avec un grand rayon. Dans mon exemple la scène fait 640 pixels de large, les 20 diapos en font 80 et ca commence déjà à être limite. En prenant des diapos encore plus petites on pourrait en mettre alors un peu plus mais bon, à la base un carrousel n'est fait pour faire tourner beaucoup de photos. "

par vezenobres30
(n'a pas acheté ce tuto - 08 avril 2010)

" bonjour, peut on ajouter ce carrousel dans un article de joomla? est ce que le nombres d'images est illimitées ?
merci
JFB

"

par tutoman
(auteur de ce tuto - 12 mars 2010)

" Merci Backrez, n'étant pas informaticien j'essaye de faire de mon mieux et comme vous le dites y'a encore plein de tutos à réaliser car les besoins sont très divers. Pour en revenir à ce tutos, comme je n'en ai pas parlé, ceux qui se demandent comment redimensionner de nombreuses images automatiquement, regardez dans Photoshop dans le menu Fichier/Scripts/Processeur d'images... Sinon il existe des logiciels gratuits qui le font très bien aussi comme XnView. "

par Backrez
(n'a pas acheté ce tuto - 11 mars 2010)

" Merci pour votre réponse. Même si malheureusement ça fait pas mon affaire ;) Ca prouve qu'il faut continuer à balancer du tuto ! En tout cas bravo et surtout restez comme vous êtes ;) [je pense aux conseils concernant votre élocution] l'important c'est d'être singulier ! A bientôt.
J
"

par tutoman
(auteur de ce tuto - 11 mars 2010)

" Bonsoir, pour que ce carrousel puisse fonctionner sur une ligne il suffit d'indiquer que le rayon du cercle est égal à 1 pixel (CARR_RAYON_Y=1) comme ça les diapos qui se trouvent derrière seront cachés par celles de devant mais dans tous les cas les dimensions de la scène doivent rester à la taille de l'image à charger donc ça fait bizarre de voir une ligne de photos et ne pas occuper l'espace disponible.
Pour la question de classer les photos sous des catégorie par un système de carrousel-menu ça risque d'être assez complexe car le programme n'a pas été conçu à l'origine à cet effet. "

par Backrez
(n'a pas acheté ce tuto - 11 mars 2010)

" Bonjour,
Je suis intéressé par ce tuto mais je voulais savoir si je pouvais l'utiliser comme menu ? En gros, un lien sur chaque petite vignette qui amènerait à une galerie. Est-ce simple ou bien non adaptable ? Une dernière question : a-t-on la possibilité de mettre ce carrousel sur une ligne et non en cercle ? Merci de votre attention.
Cordialement
J
"

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Flash CS4, ActionScript 3 d’une durée de 34 minutes a été acheté 97 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 24 février 2010 par tutoman, contributeur, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Flash Diaporama.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !