Tuto publié par Dans ce tuto Flash / ActionScript AS3, nous allons créer un compteur de visite digital. Ce compteur vous permettra de connaitre le nombre de visiteurs sur votre site.
Le petit plus de ce compteur de visites, concerne l'animation des nombres. En effet, le compteur s'incrémente jusqu'au nombre total de visiteurs et ceci avec un effet de vitesse.
Fonctionnalité du compteur de visites
- Compteur avec chiffres digitaux
- Animation du compteur, évolution de 0 au nombre de visiteurs total
- Effet de vitesse grâce au flou (blur)
- Possibilité de paramétrer le compteur (vitesse de défilement, nombres digitaux)
- Paramétrage simplifié via les méthodes getter setter
- Initialisation simplifiés: compteur.add( visiteur)
Voici ce que nous passerons en revu dans cette formation Flash:
Mise en place de la partie graphique:
- Création de la base du compteur (background, reflet)
- Création des nombres digitaux, filtres, animation.
- Modification du compteur en symbole de type Sprite
Mise en place de la classe Compteur.as:
- Mise en place de la base de la classe: package, classe et constructeur
- Mise en place de l'ensemble des imports du projet
- Mise en place de l'ensemble des variables et constantes du projet
- Mise en place des getters setters pour la lecture et l'écriture des paramètres
- Création de la partie liée à l'affichage du score
- Restriction du score en fonction du nombre de visiteurs total
- Déplacement dans les frames des nombres
- Gestion de l'effet de vitesse du compteur
Mise en place de la classe Main.as :
- Initialisation du projet : package, classe, constructeur
- Mise en place de l'ensemble des imports
- Mise en place des variable de la classe
- Initialisation des chargement du fichier PHP
- Écoute des erreurs liées au chargement du fichier PHP
- Mise en place de la récupération du fichier texte (nombre de visiteurs)
- Initialisation du compteur: vitesse, nombre digital et valeur définitive.
- Mise en place des fonctions liées aux erreurs des fichier texte et PHP.
Explication concernant la création du fichier compteur.PHP:
- Ouverture et lecture d'un fichier texte
- Stockage de variables (nombre de visites)
- Ouverture et lecture de fichier texte
- Renvoi de valeur
Les fichiers sources:
- Fichiers fla pour flash cs3 et cs4
- Fichiers swf pour flash cs3 et cs4
- Fichier compteur.php
- Fichier compteur.txt
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 1 heure 19 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
Galerie avec recadrage et récupération de couleurs auto
Dans ce tuto Flash, ActionScript de plus de deux heures, nous allons créer une galerie…
Menu crayon POO
Dans ce tuto Flash ActionScript de plus d'une heure, nous allons créer ensemble un menu…
widget capture webcam
Dans ce tuto Flash ActionScript de plus de 2 heures, nous allons développer une application…
Lecteur mp3 xml
Dans ce tuto de plus de 3 HEURES nous allons créer un lecteur mp3 de A à Z, ce lecteur…
Notes attribuées par les utilisateurs (1 vote)
Les avis / Questions des utilisateurs (8)
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 1 heure 19 minutes a été acheté 57 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 13 février 2010 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 3,9/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.
Choisissez parmi 24010 tuto classés dans nos 201 logiciels ou langages informatiques.
(auteur de ce tuto - 10 janvier 2012)
" Pour MatrixNeo >>
Envoie moi ton projet zippé à cette adresse, je regarderais si quelque chose ne colle pas.
Pour mxaerial >>
Ceci est tout à fait faisable, mais le fonctionnement est complétement différent au niveau de l’algorithme, dans ce tuto tu pourras garder certain éléments >> le compteur (partie graphique) la portion de code liée à l’animation. Pour le reste il faut forcement recorder ce programme, d'une certaine façons ton projet est plus simple car il suffira de récupérer une valeur fixe et incrémenté le compteur avec une vitesse paramétrable, plus besoin de liaison php etc.
"
(n'a pas acheté ce tuto - 11 octobre 2011)
" Bonjour,
Je n'ai pas encore acheter le tuto car je veux être sur avant de pouvoir l'utiliser comme je veux.
Mon but est d'obtenir une animation de compteur, dont je connaisse le chiffre de fin, et dont je puisse choisir la vitesse de défilement.
En gros, je veux un compteur, qui tourne pendant plusieurs jours, et arrive à un chiffre qui soit de l'ordre de plusieurs dizaine de millions.
Est-ce possible d'utiliser ce tuto pour parvenir à cette animation ?
En précisant que je ne suis pas une masse en AS3.
Autre possibilité, le coupler avec un petit programme qui l'incrémenterait automatiquement est-il possible ?
Merci d'avance pour toutes ces précisions.
MxAerial "
(a acheté ce tuto - 06 octobre 2011)
" Bonjour super tuto, mais j'ai le même souci, chez moi le compteur ne fonctionne pas non lus, je voudrais même mètre directement un chiffre dans le fichier texte, ben le compteur ne récupère pas le nombre. et j'ai bien mis les fichier dans un répertoire nomer visite qui lui ce trouve dans le répertoire www de wamp. aidez moi svp. "
(auteur de ce tuto - 24 janvier 2011)
" Ce compteur est belle est bien fonctionnel, après plusieurs test de ma part et d'autre utilisateurs. Le problème dois forcement venir de chez vous, une mauvaise utilisation du compilo (recompilation as2 >> as3 ou cs3 >> cs4 )
La dernière erreur qui a mon avis et surement celle que vous avez du commettre, et à mon avis liée a un test loca sans serveur, attention la lecture d'un fichier php ne ce fait que sur un serveur local ou distant (local wampserveur par exemple) au cas contraire le fichier ne pourra forcement pas être lu, mais vous devez surement le savoir .
PS: le fichier de démonstration (donc fonctionnel) et le même que celui fournis en pièce jointe de cette formation "
(a acheté ce tuto - 23 janvier 2011)
" Bonjour,
toujours pas de nouvelles pour mon compteur qui ne s'incrémente pas (même en utilisant les pièces jointes). Tous les tuto sont-ils comme cela?
cordialement
houssais.patrice@free.fr "
(a acheté ce tuto - 19 janvier 2011)
" Bonjour,
Je trouve que vous avez un réel talent de formateur, j'ai beaucoup apprécié ce tuto. Cependant, voir l'avoir réalisé au mm plusieurs fois puis testé les pièces jointes: le compteur ne s'incrémente pas ni au terme du tuto ni en utilsant les pièces jointes. Pourriez-vous m'en faire parvenir une version qui fonctionne ?
merci "
(auteur de ce tuto - 06 janvier 2011)
" peux tu me fournir tes fichiers sources zippé via cette adresse >> artkabis@hotmail.fr
Je verrais ce que je peux faire pour trouver ce qui ne va pas.
Cordialement, art-k "
(a acheté ce tuto - 27 décembre 2010)
" Salut,
J'ai une erreur pendant l'exportation, tu pourrais m'aider à la résoudre ?
TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
at fr.teddy::Portfolio/__chargeCompletTXT()
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at flash.net::URLLoader/onComplete()
ici le portfolio correspond à mon Main
Je ne comprend pas dans ton tuto tu ne déclares pas l'occurence compteur et ça fonctionne.
Moi j'ai du la déclarer dans Portfolio.as
mon erreur provient de ces lignes là :
compteur.speed = 9;
compteur.max = 7;
compteur.add(cmp);
mon fichier compteur.txt contient bien une donnée.
As tu une idée ?
Merci
Abientot.
"