Ce tuto Flash Actionscript 3 vous expliquera comment fonctionne une jolie galerie photos avec reflet sur verre laqué noir, ressemblant au célèbre coverflow d'iTunes. Grâce à la bibliothèque gratuite papervision3d, vous pourrez la faire fonctionner à partir de Flash CS3. Le chargement des photos se fait dynamiquement à partir d'un fichier XML qui contient aussi un titre et un lien pour chaque photo. Le défilement de la galerie peut s'effectuer de deux manières : en cliquant sur une photo ou en utilisant le slider.

Jetez un oeil à ces autres tuto Flash, ActionScript 3

Diaporama Flash XML avec 10 transitions aléatoiresDiaporama Flash XML avec 10…
Dans ce tuto Flash, vous allez apprendre à réaliser un diaporama…

Jeu : Anagramme en FlashJeu : Anagramme en Flash
Ce tuto Flash et ActionScript 3 vous expliquera la programmation…

Diaporama XML avec Papervision 3DDiaporama XML avec Papervision…
Ce tuto Flash, destiné aux personnes ayant déjà un niveau…

Optimisation de référencement pour site flashOptimisation de référencement…
Dans ce rapide tuto en vidéo, découvrez mes recommandations…

Transmission de données Flash vers une base MySQL via PHPTransmission de données Flash…
Dans ce tuto Flash PHP, vous allez apprendre à transmettre…

Créer un dessin animé de A à ZCréer un dessin animé de…
Dans cette formation de près de 30h en vidéo, apprenez à…

Diaporama Cubique 3DDiaporama Cubique 3D
Ce tuto Flash vous expliquera comment programmer en Actionscript…

Envoi d'un mail avec Flash et PhpEnvoi d'un mail avec Flash…
Ce tuto Flash vous expliquera comment envoyer un email avec…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash, ActionScript 3 de 26 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

Des vidéos très bien expliquées.

Tuto très intéressant et bien expliqué bravo ! Continue à nous faire rêver avec tes tuto !

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

Lire les autres témoignages

 

D'autres tuto de tutoman

Cube 3D Flash PapervisionCube 3D Flash Papervision
Ce tuto Flash / Actionscript 3 utilise la bibliothèque Papervision3d pour créer un…

Texte Flash en 3DTexte Flash en 3D
Nous verrons dans ce tuto Flash / Actionscript 3 comment faire tourner un texte autour…

Désaturation dynamiqueDésaturation dynamique
Dans ce tuto Flash, ActionScript, apprenez à mettre un clip en niveaux de gris dynamiquement…

Programmer des rebondissements Programmer des rebondissements
Ce tuto Flash/AS3 vous guidera dans la programmation de la classe Bouncer qui permet…

voir tous les tuto de tutoman

Notes attribuées par les utilisateurs (5 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (18)

par tutoman
(auteur de ce tuto - 16 juillet 2011)

" summuuradio>http://www.pratiks.com/video/iLyROoafzGRZ.html "

par summuuradioà voté :
(a acheté ce tuto - 16 juillet 2011)

" il est assez intérréssent mais comment puis l intégré sur mon site car voila 2 h oo que je suis dessus et il apparait pas sur mon site est ce normal "

par spirit63
(a acheté ce tuto - 12 février 2011)

" Merci pour ta réponse ....Et pour le tuto vraiment très bien même pour une débutante, très bien expliqué. "

par tutoman
(auteur de ce tuto - 10 février 2011)

" spirit63>Merci pour ton commentaire :) Pour éclaircir le reflet tu pourrais jouer avec les multipicateurs des canaux et les offsets qu'offre la fonction setReflectionColor. Pour un fond blanc remplace par exemple : setReflectionColor(1,1,1,100,100,100); "

par spirit63
(a acheté ce tuto - 10 février 2011)

" Bonjour. Super tuto...
Juste 1 question, j'arrive a tout modifier, dont la couleur de fond mais PAS la COULEUR des IMAGES "reflet" vu que j'ai opter pour un fond blanc.... Le reflet sur fond noir n'est pas très esthétique.
Merci d'avance pour votre aide "

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

" Okala>Merci pour le commentaire et c'est déjà une bonne nouvelle que mes fichiers marchent chez toi :) Donc ton problème, c'est après avoir retapé tout le code à l'identique qu'il y a cette erreur de compilation. Je n'ai jamais eu cette erreur et à part écrire plusieurs fois "package", je ne vois pas autre chose. Tu peux zipper tout ton dossier et me l'envoyer à mon email pour que je puisse jeter un oeil.
Pour intégrer un swf dans une page html avec Dreamweaver, rien de plus simple :
1) Fichier / Nouveau / HTML puis sauver ce fichier.
2) Insertion / Médias / SWF puis sélectionner le fichier swf et sauver la page.
Ayez de préférence le swf au même endroit que la page html. "

par okala
(a acheté ce tuto - 29 janvier 2011)

" Salut! J'ai télécharger tes 2 tutos sur les galeries, leur effet est vraiment sympa!
Comme je débute en Flash et Action Script, j'ai suivi ton tuto, en rédigeant le script en même temps que tes explications, etc. Mais quand je lance: pfouit: rien! ;-)
Me disant que j'ai dû oublier un truc quelquepart, je dézipe tes docs poru essayer: ton swf fonctionne. Ok. Y compris en le lançant avec le fichier ACS3. Parfait.
Avant de chercher dans mon script pourquoi j'ai l'erreur "Séquence 1,.......ligne 1, 1037 : Les packages ne peuvent pas être imbriqués", j'essai sur ton doc de modifier la taille de la scène (ça c'est bon! lol) et la taille des images. Comme mes photos sont en 640x480, je modifie les valeurs des constantes. Ok, ça marche aussi... (juste une inversion entre HT et LG :-p)
Donc il me reste juste à comprendre cette erreur (si jamais tu peux m'y aider tant mieux) et voir comment intégrer tout ça sur Dreamweaver.
Encore merci pour ce (ces) super tuto! "

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

" Pourtant tout expliqué dans le tuto : le fichier .as est la classe document du fichier .fla. Cette classe charge un fichier .xml qui lui indique où charger les photos .jpg. Je ne peux que vous conseiller de voir un tuto sur les bases de l'AS3. Bon courage et persévérez ;) "

par snake031282à voté :
(a acheté ce tuto - 30 décembre 2010)

" je n'arrive pas à voir comment faire le lien entre les photos et le doc fla. et le doc xml. J' ai pas saisi la méthode seul le code nous est expliqué mais pas la marche à suivre "

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

" Je vous répondu par mail (joint, la version avec photo centrale qui zoom et organisée pour charger différent album). Les projets Papervision3d qui étendent les classes BasicView ou ReflectionView ne peuvent être par la suite instancier ou être chargé avec un preloader que si vous mettez la propriété autoScaleToStage à vrai (dans l'instruction super). Sinon il faut plutôt étendre la classe Sprite et créer un objet BasicView ou ReflectionView qui devient la vue de référence... "

par yusukei59à voté :
(a acheté ce tuto - 08 décembre 2010)

" Re bonjour,

une autre petite question peut -on cliquer sur l'image centrale pour l'agrandir effet zoom en rajoutant une ligne de code , ou non
Si oui laquelle et a quel endroit l'insérer.
Un grand merci "

par yusukei59à voté :
(a acheté ce tuto - 08 décembre 2010)

" bonjour,

Super tuto, je voudrais savoir comment changer et déplacer le cover flow dans ma page et peut - on modifier les noms des fichiers pour en mettre un sur plusieurs pages en chargeant un dossier photo différent.
Cordialement "

par tutoman
(auteur de ce tuto - 21 septembre 2010)

" Si c'est une classe slider que tu as toi-même programmé tu devrais connaître le nom de la propriété qui contient l'équivalent de "value", non ? Ou alors je n'ai pas compris ta question. En tout cas merci d'apprécier l'effet :) "

par dinos
(a acheté ce tuto - 20 septembre 2010)

" j'aimerais le faire avec un slider que moi meme je fais et non celui de flash
mais ce n'est pas value mais c'est quoi ??
en tout tres bon tuto "

par tutoman
(auteur de ce tuto - 13 août 2010)

" Pour que tout fonctionne simplement, ton fichier xml doit se trouver au même endroit que le swf comme dans l'exemple que je donne. J'ai testé à partir d'une page html en local et online sous IE et Firefox et ça marche. "

par guitarweboà voté :
(a acheté ce tuto - 13 août 2010)

" Sinon j'ai juste un autre petit problème, quand je l'intègre à mon site l'animation ne s'affiche pas. Quand je l'ouvre avec Firefox rien ne se passe l'animation reste noir mais avec IE il me met ce message d'erreur :
Error #2044: ioError non pris en charge : text=Error #2032: Erreur de flux. URL: http://3quatre.fr/photoFlow3D.xml
at PhotoFlow3D/loadXML()
at PhotoFlow3D()

Sais tu d'où ce problème peut venir et que faire pour le résoudre ???

Merci d'avance pour ta réponse "

par tutoman
(auteur de ce tuto - 13 août 2010)

" Regardes au début de la vidéo, quand je clique sur les textes dynamiques qui sont sur la scène, tu verras dans l'onglet "propriété" une petite case colorée. Clique dessus pour faire apparaître le colorpicker qui te permet de changer leur couleur. C'est aussi ici que tu peux modifier la taille des textes, leur police et d'autres paramètres (gras, italique, etc...).
Pour la couleur du rayonnement du texte lorsque la photo centrale est survolée c'est à la ligne 88, lors de l'application du filtre GlowFilter, que tu indiques une couleur en écrivant sa valeur héxadécimal (pour t'aider à choisir une autre couleur reviens dans le colorpicker et tu verras que pour chaque couleur survolé, sa valeur héxadécimal est indiquée juste au dessus). Attention, dans le script cette valeur est précédée d'un 0x et non pas d'un # comme le montre le colorpicker. Merci pour le commentaire et la note :) "

par guitarweboà voté :
(a acheté ce tuto - 12 août 2010)

" Super tuto, j'ai juste une petite question comment on fait pour modifier la couleur du texte ???
Sinon encore merci pour ce tuto !!! "

 

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, ActionScript 3 d’une durée de 26 minutes a été acheté 98 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 12 août 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 ActionScript.

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 !