Dans ce tutoriel, nous allons créer un preloader qui fera office  de curseur personnalisé. Celui-ci se remplira en fonction du pourcentage chargé et affichera cette progression dans un texte dynamique lui même fixe à notre curseur. Pour que nous ayons quelques chose d'un peu plus sympa, nous utiliserons la classe TweenMax pour gérer la fixation du curseur avec celui de la souris, nous auront donc un effet d'inertie qui sera appliqué à notre curseur.

Les fonctionnalités:

  1. Curseur personnalisé stylisé
  2. Texte dynamique pour l'affichage de la progression
  3. Mouvements avec inertie pour le curseur et le texte


Le tutoriel:
I) L'interface
  • Import de notre objet graphique(pour alourdir notre application)
  • Création du curseur, utilisation des interpolations(éditeur de mouvements), utilisation de masque
  • Mise en place des différent éléments et création des différentes transitions
II)Le codage
  • Imports des classes de notre application
  • Initialisation du projet (écoute de la scène et détection des mouvements)
  • Mise en place des fonctionnalité liés à la progression
  • Optimisation et suppression des écouteurs inutilisés.

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 34 minutes 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

Lecteur de news dynamiqueLecteur de news dynamique
 Dans ce tutoriel d'à peu prêt 2 heures, nous allons créer un lecteur de news…

Galerie rotator ( gestion xml des images et descriptions)Galerie rotator ( gestion xml des images et descriptions)
Dans ce tutoriel de plus d'1h30, nous allons créer une galerie plutôt "fun",puisqu'elle…

Menu à glissière avec apparition de pages dynamiquesMenu à glissière avec apparition de pages dynamiques
 Dans cette vidéo, nous créerons un menu glissière avec apparition dynamique,…

Utilisation de swfObject et de l'outils swfGeneratorUtilisation de swfObject et de l'outils swfGenerator
Dans ce tutoriel, nous allons approfondir l'intégration de vos fichiers .swf avec la…

voir tous les tuto de artkabis

Notes attribuées par les utilisateurs (6 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (5)

par fluss01
(a téléchargé ce tuto - 06 mai 2011)

" Super tuto ! Merci ! "

par funwarior
(a téléchargé ce tuto - 13 février 2011)

" Super le tuto merci :), ce que je voudrais juste savoir ,comme je commence en flash mais pas en programmation, c'est apres mon curseur, imaginons que je veux lui changer ca forme, je fais comment pour modifier la total : le masque et les 2 calques ?

Voila juste cette petit question :) En tout cas merci ^^ et continue a faire des tutos (gratuit ^^) "

par calvinuxà voté :
(a téléchargé ce tuto - 08 novembre 2010)

" parfait pour continuer le tuto panorama 360
Merci "

par artkabis
(auteur de ce tuto - 26 juillet 2010)

" Et bien pas de quoi, si j'ai pu te faire découvrir Flash alors c'est cool. D'ailleurs, je pense que ceci devrait t'intéresser : http://www.artkabis.net/tutos-artkabis-f45/

Après, il faut aussi savoir qu'une formation gratuite sera toujours quelque peu différente d'une formation payante, en effet lorsque l'on fait payer un tuto, on se doit d'être irréprochable et d'aller le plus loin possible dans le thème abordé. Et ceci tout en proposant une post-prod beaucoup plus élaboré. Ceci prend plus de temps d'où la nécessité de mettre un prix sur l'effort et le temps passé.

Allez passes une excellente journée !!!!

Cordialement, Art-k "

par gameone
(a téléchargé ce tuto - 26 juillet 2010)

" Merci de se tutorial gratuit et de qualité ! C'est grâce a toi que je découvre flash a moindre côut, tu est le seul de weecast a nous pondre des tutos vidéo gratuit concernant flash. "

 

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é téléchargé 1273 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 11 août 2009 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 3,9/5 pour l’ensemble de ses vidéos.

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 !