Tuto publié par Dans ce tutoriel vidéo, nous développerons une classe de pré-chargement ou preloader avec barre de progression dynamique.
À la base prévue pour l'application "website xml," cette classe vous permettra de charger vos animations, images où vidéos et ceci sans utiliser le moindre symbole (de l'espace de travail), ce qui rend donc sont utilisation beaucoup plus dynamique. Il vous sera aussi possible de changer la couleur du thème (filtre, barre et texte)et ceci, en modifiant simplement la valeur d'une variable prévue à cet effet.
Une fois la classe créée, vous aurez la possibilité de la réutiliser dans n'importe quel projet qui utilise la classe Loader.
Pour ceux qui n'aurez pas vu le tutoriel "website xml avec utilisation des bibliothèques SWFObject et SWFAddress", je vous conseille de débuter la lecture après la sixième minute.
Ce tutoriel est accompagné d'un pack comprenant:
- Les dossiers regroupant la classe principale (commenté).
- Un fichier Lisez-moi expliquant la mise en place et l'utilisation de cette classe
Jetez un oeil à ces autres tuto Flash CS4, ActionScript 3
Gérer un modèle 3D dans…
Dans ce tuto Flash CS4 et ActionScript 3 vous apprendrez à…
Jeu Merlin FLash 3D
Ce tuto ActionScript 3 en vidéo, d'un niveau intermédiaire,…
Champ de vidéos 3D
Dans ce tuto Actionscript 3 en vidéo, vous allez apprendre…
Répertoire téléphonique…
Dans ce tuto Flash en vidéo, vous allez apprendre à développer…
Créez un site flash de type…
Apprenez dans cette formation à réaliser un site complet en…
Website xml avec utilisation…
Dans ce tutoriel, nous allons créer un website dynamique qui…
Créer un website avec gestion…
Dans ce tutoriel nous allons créer ensemble un mini site internet…
Dé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 49 minutes est proposée dans une résolution plus grande que l’extrait suivant :
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
Website xml avec utilisation de SWFAddress et SWFObject
Dans ce tutoriel, nous allons créer un website dynamique qui utilisera les bibliothèques…
Menu déroulant avec fondu de couleurs
Dans ce tutoriel vidéo, nous allons apprendre à créer un menu déroulant avec…
menu slider avec colorPicker et son évaporation de couleur
……
Un menu avec des tooltips ou info bulles (as3)
Dans ce tutoriel nous allons créer des Tooltips, plus communément appelés "info bulle".…
Notes attribuées par les utilisateurs (17 votes)
Les avis / Questions des utilisateurs (28)
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 49 minutes a été téléchargé 2244 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 10 juin 2009 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4/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 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.
Choisissez parmi 24008 tuto classés dans nos 201 logiciels ou langages informatiques.
(auteur de ce tuto - 16 janvier 2012)
" Salut, alors pour faire une réponse assez courte et qui devrait expliquer pourquoi certaines personnes souhaitant charger une animation flash comportant du code voient leur projet clignoter ou ne plus fonctionner. Il faut savoir que lorsque vous chargez votre projet (par un swf intermédiaire) celui-ci s'en trouve modifier, en effet si l'on prend en compte que votre projet de base possède une racine (le fameux root), mais qu'une fois celui-ci chargé son root n'est plus lui même mais bien la racine du fichier swf chargeur.
(root)SWFCHARGE
(root)SWFCHARGEUR>>SWFCHARGE
Prenons un exemple, je souhaite charger un projet swf comportant à la base ce code>>
var r = MovieClip(root)
trace("nom du root >> " + r.name);
lorsque je vais compiler mon projet (sans passer par le preloader, j'aurais un message en sortie, du type nom du root >> root1
Par contre si je le charge depuis notre preloader et bien vous risquerez de voir un message de type : nom du root >> instance3
Ici on vois que j'utilise MovieClip(root); (qui sera la véritable racine (le preloader)
Tout ça pour vous faire comprendre que le ciblage sera belle est bien différent puis que la racine de votre projet se verra forcement modifié. "
(a téléchargé ce tuto - 13 janvier 2012)
" 4/5 "
(a téléchargé ce tuto - 10 janvier 2012)
" bonjour
le fichier fla et pas bon ,des que je le lance
il y a un message d'erreur et Mr Artkabis ne repond pas au email ?
donc merci de m'aider
cordialement "
(a téléchargé ce tuto - 10 mars 2011)
" Bonjour Artkabis!
Grand merci à toi pour ce tuto qui m'a réconcilier avec flash!
N'ayant fait que du AS2, je commence enfin à comprendre le fonctionnement du AS3 grâce à toi.
Cependant, je me retrouve dans une situation similaire à MavnJack (concernant le fait que les SWF que je veux intégrer sont issus de AfterEffects). Tout marche trés bien en local, mais dès que je le mets en ligne j'obtiens une erreur de chargement (je suis fort aise d'avoir l'information d'erreur mais cela ne m'aide pas à savoir ce qui ne fonctionne pas).
Aussi si tu pouvais éclairer ma lanterne j'e t'en serais grandement reconnaissant.
Continu à nous faire des tutos de cet qualité et à nous faire croire que finalement FLASH/AS3 ce n'est pas aussi compliqué que çà!!!! "
(a téléchargé ce tuto - 27 décembre 2010)
" Bonjour artkabis
Merci pour ce tuto complet, tout ce passe bien jusqu'au chargement, mais là, mon website devient fou et clignote... on a l'impression qu'il le charge en permanence, en tout cas, il y a un bug.
Please, help me ! "
(a téléchargé ce tuto - 21 octobre 2010)
" Bonjour artkabis, Je debute en Flash et souhaitrais charger grace a ce preloader, une animation SWF realisee sur after effect.
Probleme est: le SWF vide (preloader) associe a la classe prechargement lance bien mon SWF indique en _adresse mais pas de prechargement et l'animation rame toujours autant.
pourquoi ?
Merci d'avance pour ton aide et ton Tuto. "
(a téléchargé ce tuto - 01 octobre 2010)
" Merci effectivement je l'appliquais à _infos en direct et j'ai passé pas mal de temps pour ça lol, j'abuse peut être mais je n'ai pas de main au survol de mes boutons et en faisant :
me.currentTarget.buttonMode = true;//
me.currentTarget.useHandCursor = true;//
sur overBt ça donne pas le résultat souhaité à cause du texte dynamique je pense, as tu une idée, désolé de te déranger "
(auteur de ce tuto - 01 octobre 2010)
" Salut alors normalement ceci devrait se faire assez simplement le problème c'est que tu modifies le textfield (_infos.size = 24;), là pour la taille il faut appliqué cette modif à un textFormat, puis ensuite l'appliqué au textField pour que ces modifications soient prises en compte.
Voilà alors je te conseille de regarder ceci avant : http://livedocs.adobe.com/flash/9.0_fr/ActionScriptLangRefV3/flash/text/TextFormat.html "
(a téléchargé ce tuto - 30 septembre 2010)
" Salut Artkabis, j'ai acheté le tuto website et télécharger ce tuto que je trouve vraiment bien fait, mon souci est que je n'arrive pas à agir sur l'affichage du texte de Precharg, c'est à dire que j'essaie de donner une taille à ma police que je souhaite passer simplement en Arial, j'ai simplement modifier mon import flash.text.*; pour être sur et j'ai modifié _infos.font = "Arial"; et _infos.size = 24; mais mais il me répond une erreur 1119 propriété peut être non définie, as tu des infos à ce sujet, merci d'avance. "
(auteur de ce tuto - 30 juin 2010)
" J'avoue que ceci ne m'aide pas à t'aider :)
Alors si tu veux, envoies moi ton projet complet, zippé depuis le site http://dl.free.fr récupères le lien du fichier et postes le à cette adresse : artkabis@artkabis.net (attention à ne pas mettre de mot de passe, sinon n'oublies pas de le fournir). Une fois que j'aurais le projet sous les yeux, j'avoue qu'il sera beaucoup plus simple pour moi de t'apporter mon aide.
++ "
(a téléchargé ce tuto - 30 juin 2010)
" le problème survient lors du lancement de la fonction d'affichage du loader, lorsque Event.COMLETE.
Le fichier Main() qui est dans l'erreur correspond à la classe liée à mon fichier "website".
C'est donc une erreur dans mon fichier Main ?
Salutation, khat. "
(auteur de ce tuto - 30 juin 2010)
" " Alors ceci veut dire que tu as une instance ou une méthode dont la référence vaut null, pour traduire, l'une de tes variable est utilisé avant qu'une valeur ne lui est été attribué.
Pour tester et trouver cette variable, je te conseille de créer un trace('coucou'); tu le places le plus haut possible dans ton code en commençant par le constructeur, tu test (ctrl+entre) et tant que le message "coucou" apparait avant ton message d'erreur, tu continues...
En fait tu pourras connaitre la ligne posant problème, lorsque tu auras ciblé la partie entre la ligne affichant le message "coucou" et celle ou le message n'apparait pas.
Lorsque tu auras ciblé cette fameuse ligne , tu pourras normalement résoudre ce problème, au pire envoie moi cette fameuse ligne.
Cordialement, Artkabis. " "
(a téléchargé ce tuto - 30 juin 2010)
" Hi, merci pour le tuto, toujours super bien expliqué !
J'ai quand même un petit problème, lors du chargement :
"TypeError: Error #1009: Cannot access a property or method of a null object reference.
at Main()"
As-tu une solution?
Merci encore
"
(auteur de ce tuto - 25 avril 2010)
" Pas de quoi, j'espère qu'il t'a aidé !!! "
(a téléchargé ce tuto - 25 avril 2010)
" merci pour le tuto "
(auteur de ce tuto - 28 décembre 2009)
" Bonsoir, es-tu sûr que les fichiers sources sont bien indisponible ?
Car je viens de vérifier et normalement tout est ok.
PS:Je t'envoies tout de même le pack par mail. "
(a téléchargé ce tuto - 28 décembre 2009)
" bonjour je n'arrive pas à télécharger le fichier zip pour les pièces jointe , le lien ne doit plus être bon. Es ce que artkabis tu pourrais m'envoyer les fichiers à cirdec1@gmail.com ? "
(a téléchargé ce tuto - 18 novembre 2009)
" merci ;) "
(auteur de ce tuto - 18 novembre 2009)
" Alors pour le swf chargeur, il n'y a rien à mettre dedans, il est uniquement là pour contenir le projet à charger, ensuite pour le lier à la classe Precharge, il faut simplement procéder comme n'importe quelle classe de document...
"
(a téléchargé ce tuto - 17 novembre 2009)
" Lol ! c'était une boutade
Le principal c'est le contenu et la façon dont c'est expliqué
Par contre tu parles pas de ce qu'il y a à mettre dans le swf "chargeur"
Comment faire pour appeler precharg.as en as3 ?
j'ai pas compris cette étape moi !
"
(auteur de ce tuto - 17 novembre 2009)
" En effet c'est l'un de mes nombreux bugs, un mauvais plis qui me fait dire crs au lieu de src, mais ne t'inquiètes pas, j'étais néanmoins informé que src signifiait 'source' ou plus précisément 'Source Code'.
Voili voilou, tout ça pour dire que ceci n'est qu'un simple petit défaut de langage de ma part. Alzheimer me guette !!!! "
(a téléchargé ce tuto - 16 novembre 2009)
" tres bon tuto !
juste une remarque tu dis "CRC" alors que c'est "SRC" qui signifie source ;p "
(auteur de ce tuto - 03 septembre 2009)
" Oui en effet, si c'est pour une demande concernant un tutoriel, je ne vois aucun problème en cela... "
(a téléchargé ce tuto - 03 septembre 2009)
" Merci,
puis-je te contacter par mail pour te poser une question d'ordre technique? J'ai trouvé ton adresse dans un autre tuto. "
(auteur de ce tuto - 03 septembre 2009)
" Alors c'est bizarre car je viens de vérifier et les sources sont belle est bien présente, moi je te conseille de contacter le staff de weecast et si il y avait un problème, je t'enverrais les fichiers sources par mail "
(a téléchargé ce tuto - 03 septembre 2009)
" Merci pour ta réponse mais malheureusement il n'y a rien à part la vidéo dans le lecteur. "
(auteur de ce tuto - 03 septembre 2009)
"
Tout d'abord merci !!!
Alors, tu trouveras les fichiers dans le lecteur, je crois qu'ils sont proposés à gauche de la vidéo. "
(a téléchargé ce tuto - 03 septembre 2009)
" Bonjour,
Je suis nouveau sur le site et j'ai trouvé votre tutoriel très intéressant mais je ne trouve pas les fichiers qui devraient être compris dans le téléchargement.
Merci "