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 ActionScript 3, Flash CS4

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

Carrousel 3D Flash PapervisionCarrousel 3D Flash Papervision…
Ce tuto Flash / Actionscript 3 vous expliquera comment réaliser…

Coverflow iTunes en Papervision3DCoverflow iTunes en Papervision3D…
Ce tuto Flash Actionscript 3 vous expliquera comment fonctionne…

Cube 3D Flash PapervisionCube 3D Flash Papervision
Ce tuto Flash / Actionscript 3 utilise la bibliothèque Papervision3d…

Carrousel Flash en Action Script 3Carrousel Flash en Action…
Dans cette formation vidéo d'un peu plus d'une heure, vous…

 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…

Galerie 3d interactive avec FlashGalerie 3d interactive avec…
Dans ce tutorial Flash ActionScript de près d'une heure, nous…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto ActionScript 3, Flash CS4 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
a vendu plus de 1.500 tutos, formateur certifié par Tuto.com.

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.

La moyenne de ses notes :  

Devenir fan

Voir son profil


Témoignage de ses clients

odst51 dit Excellent, très bon travail, perso j adore.

 

 

Tuto du même auteur

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

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

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 gérera la…

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. Dans ce tuto…

voir tous les tuto de artkabis

Ce tuto n’a pas encore reçu de vote


 

Les avis / Questions des utilisateurs

Par Creamaster
(n'a pas acheté le tuto)

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

Par nicolas
(Membre de l'équipe)

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

 

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 ActionScript 3, Flash CS4 d’une durée de 2 heures 0 minute.

Ce tuto a été publié par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos.

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

Ce tuto qui se présente sous la forme d’une vidéo, 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.

Besoin d'aide ? Contactez le support !