Dans ce tuto Flash, ActionScript de plus de deux heures, nous allons créer une galerie photo, qui chargera dynamiquement vos images tout en les mettant en valeur via un recadrage automatisé. Ce n'est pas tout, le fond de notre application récupérera la couleur dominante des images chargées (un peu à la manière de la technologie "AmbiLight"). L'application comporte un preloader de type progressBarre, et la navigation se fait grâce aux flèches droite et gauche de votre clavier

Pour résumer voici l'ensemble des fonctionnalités de cette galerie que nous aborderons dans ce tuto:

  • Cadrage automatique de vos images (pas de restriction concernant la taille)
  • Background colorisé en fonction de la couleur dominante de l'image affichée.
  • Déplacement entre les images depuis les touches du clavier
  • Gestion du chargement via une progressBarre dynamique
  • Module d'information avec apparition dynamique
  • Mise en place de la galerie simplifiée (une ligne de code + l'import)
  • Paramétrage de la galerie possible (nombre d'images, extension, chemin)

Voici ce que nous passerons en revue dans cette formation:

I°) Création de l'interface:

  • Mise en place du background
  • Création du module d'info
  • Mise en place du cadre dynamique
  • Modification du type des éléments principaux (Sprite)
  • Utilisation de filtres pour la mise en valeur de l'application

II°)Mise en place de la classe AdaptiveGalery :

  • Mise en place des imports
  • Création de l'ensemble des variables du projet
  • Mise en place de la fonction static draw (fonction unique pour l'utilisation de la galerie)
  • Initialisation du projet et mise en place des éléments graphiques
  • Gestion du module d'info (apparition, disparition)
  • Gestion de la navigation entre les images (KeyboardEvent)
  • Mise en place de la progressBarre des images
  • Gestion de l'affichage des images, cadrage, animation, etc.
  • Gestion des erreurs de chargement
  • Mise en place de la récupération de la couleur dominante des images pour le background

III°)Les fichiers sources

  • Les fichiers swf pour Flash cs3 et cs4
  • Les fichiers fla
  • La classe AdaptiveGalery
  • La classe RecupColor
  • Le fichier html avec détection du flash player
  • Un pack d'images pour le fonctionnement de la galerie

Jetez 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…

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…

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

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 2 heures 0 minute est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

artkabis , formateur certifié

Passionné par le webdesign, j'aime acquérir de nouvelles connaissances en ratissant la toile. Au fil du temps j'ai su mettre à profit mes compétences de webdesigner pour mélanger interactivité, design et animation. Curieux, j'aime être au courant des dernières nouveautés en matière d'applications internet riches (RIA). Autodidacte, je sais m'adapter aux différents outils de création web. J'utilise au quotidien une multitude de logiciels pour parfaire ma soif de création.

En savoir plus sur artkabis


Témoignage des clients de artkabis

Merci pour tous tes tutoriels. Ils sont super agréables et bien conçus. Grâce à toi j'ai appris de nouvelles choses.

Très bien permet d'apprendre flash rapidement et efficacement

En un mot...stupéfiant ! Merci beaucoup :)

Supers tuto, plein de bonnes astuces, merci :)

Artkabis, vraiment toi tu déchires grave... J'aime vraiment tes tuto et on voit de suite ta passion pour le flash, j'aimerai vraiment avoir 5% de tes connaissances... Bonne continuation à toi...

Lire les autres témoignages

 

D'autres tuto de artkabis

Menu crayon POOMenu crayon POO
Dans ce tuto Flash ActionScript de plus d'une heure, nous allons créer ensemble un menu…

widget capture webcamwidget capture webcam
Dans ce tuto Flash ActionScript de plus de 2 heures, nous allons développer une application…

Lecteur mp3 xmlLecteur mp3 xml
Dans ce tuto de plus de 3 HEURES nous allons créer un lecteur mp3 de A à Z, ce lecteur…

Créer un colorPicker personnaliséCréer un colorPicker personnalisé
Voici un tutorial vidéo consacré à la réalisation d'une application avec Adobe AIR.…

voir tous les tuto de artkabis

Notes attribuées par les utilisateurs (1 vote)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (3)

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

" Bonjour,
Après avoir mis en ligne la galerie, je me suis aperçu qu'il fallait cliquer sur la galerie une fois pour pouvoir utiliser les flèches sinon rien ne se passe...
Est-ce normal? Il y a t'il des solutions.
(évidemment hors internet, ça marche!)
Merci. "

par nicolas
(Tuto.com Team member - 08 février 2010)

" Oui il y avait bien une erreur, elle est réglée ^^ "

par Creamaster
(n'a pas acheté ce tuto - 08 février 2010)

" Dans ce tuto Flash, ActionScript gratuit de plus de deux heures, !!!! il doit y avoir une erreur ...?? non "

 

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 2 heures 0 minute a été acheté 37 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 8 février 2010 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Flash Application.

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 !