Artbooktuto » Tuto Flash » Fond animé
Fond animé
Arrière plan qui
défile
fichier exemple : nuages
Fichier source : nuages
Le temps des fonds statiques est révolu, avec ce tuto nous
allons voir comment faire un fond qui défile.
Créez un nouveau ActionScript 3, puis changer les paramètres
de votre scène, par ceci : taille, 500 pixels de largeur, et 350 de
hauteur, et une vitesse de 30 images seconde pour que l’animation soit fluide.
Importez votre image dans la scène (celle qui se trouve en
dessous) et placez la bien au centre.
Convertissez la en symbole graphique d’un clic droit, ayant
pour nom nuage.
Dupliquez cette image deux fois, placez les deux copies des
deux côtés de l’original, collés à l’image du centre.
Sélectionnez l’image du centre et faites
Modification>Transformer>Renverser horizontalement.
Sélectionnez les trois images et convertissez-les en symbole
de clip, avec un alignement à gauche. Nommez le clip fond, n’oubliez pas de nommer aussi votre occurrence Fond.
Créez un nouveau calque, nommé AS et collez ce code à l’intérieur
Fond.addEventListener
(Event.ENTER_FRAME,deplacement);
function
deplacement (evt:Event):void{
evt.target.x -= 2;
if(evt.target.x <= -1000) {
evt.target.x = 0;
}
}
Voilà votre fond animé est créé. Voir le fichier :nuages
Arthelius
Si vous avez des questiosn ou des suggestions rendez vous sur le forum
Articles en relation :
Classé dans : Tuto Flash
23 Réponses pour "Fond animé"
Laisser un commentaire
Ebook
Abonnez vous au blog gratuitement et accéder à plus de 15 tutos exclusifs
Chargement
Problème
Commentt faire ?
Meri
ps : votre lien pour voir justement ces nuages en mouvement ne marche po, enfin si il marche mais les nouages font comme chez moi, il ne bouge pas
c nulle votre tutaux
merci
merci pour l’effort, mais t es besoin d’expliquer mieux, et merci c’est un beau tuto,
Hum.
J’adore les gens qui se plaignent de travail des autres sans être foutus d’écrire des phrases complètes avec une orthographe potable. On a le droit de faire des fautes, je l’avoue, mais de là à faire preuve d’un tel illettrisme…
Alors, je lance un appel à tous les Kevins & autres kikoos de France et d’ailleurs : Lève ton gros cul de ton siège, lâche ton PC minable et va en cours. P’tit con va!
Merci
heu…
modification du tuto imminente
Devant le succès de ce tuto et l’erreur qu’il comporte, je tenais à vous dire que celui ci allai être revu, dans le courant de l’été, afin qu’il fonctionne pour de bon.
Excusez moi encore pour ce désagrément.
ça marche pourtant….
Je viens de le tester et ça marche parfaitement !
ça marche !
Voilà, en tout cas merci.
merci
ça me permet d’être rassuré sur la possibilité de ce tuto.
Merci.
… un autre essai :
Désolé je bloque…
Je suis novice, donc je teste…
J’utilise Flash 8.
J’ai bien suivi toutes les instructions du tuto.
Mais lorsque je lance le test de l’animation, il me met un message d’erreur :
“**Erreur** Séquence = Séquence 1, calque = AS, image = 1 :Ligne 3 : ‘{‘ attendu
function deplacement (evt:Event):void{
**Erreur** Séquence = Séquence 1, calque = AS, image = 1 :Ligne 10 : ‘}’ inattendu
}
Total des erreurs ActionScript : 2 Erreurs signalées : 2″
Si quelqu’un peut m’aider, pour que je comprenne.
Merci d’avance.
PS.: Msg à arthelius qui contribue au savoir de chacun… Bravo et merci.
well…
Ensuite pour lboutan, comptes tes parenthèses ouvrantes et fermentes elles doivent être identiques
PS: bon tuto, merci.
ci@o
comment on peut regler la vitesse ?
merci !!!
Audrey
poussons + loin
Je viens de faire ce tuto qui me plait beaucoup (j’ai mis une fenêtre en 1er plan), mais je voudrais pouvoir faire défiler en continu, sans rupture. Comment faire ?
Merci
Juste apporter mes félicitations à ce tuto très clair, très simple à réalisé et surtout très utile !
Il m’a servit de base à certaines appllis flash plus poussées, merci beaucoup!
J’invite tout ceux qui critique le réalisateur du tuto a réapprendre les bases de la prog ou bien de se trouver un autre passe temps que d’essayer de critiquer quelqu’un qui essaye simplement de nous apporter son aide, car ils ne savent même pas faire ce tuto pourtant simple et clair!
P.S. : je mets 19/20 car le code n’est pas expliqué =) (sauf si je suis aveugle)
Bonne continuation a toi arthelius
Tcho!
Merci pour ce sympathique commentaire.
Je comprend tout à fait que l’on ne puisse pas comprendre certaines étapes ou que l’on arrive pas à faire certaines choses, c’est normal lorsque l’on débute.
Après tout est dans la façon de le dire.
Oui par contre c’est vrai que l’AS n’est pas expliqué toutes mes excuses, je n’y avais tout simplement pas pensé.
Mimiic, tu as un système de notation si tu veux, les petites étoiles dans les carrés.
Encore merci.
tout d’abord merci pour ce tuto,
contrairement à ce que certains disent, il fonctionne.
ensuite effectivement il aurait été sympa d’expliquer le code.
je me débrouille en flash, mais j’ai du mal avec l’action script.
même si celui-ci est simple.
j’ai voulu inverser l’animation, faire défiler les nuages de gauche vers la droite
mais cela ne marche plus aussi bien.
alors si il est possible d’expliquer le code ce serait super bien.
merci encore
Le tuto étant assez ancien, je vais voir ce que je peux faire.
ok, merci d’avance.
j’ai bien trouvé comment gérer la vitesse, et inverser le défilement
mais l’anim n’est plus “sans fin”
merci encore
yo, super le tuto. Alors merci a l’auteur d’avoir pris le temps.
—————————————————
/* Evénement EnterFrame
Permet d’exécuter la fonction deplacement définie ci-dessous chaque fois que la tête de lecture se déplace vers une nouvelle image du scénario.
Fond.addEventListener(Event.ENTER_FRAME, deplacement);
————————————————-
ensuite dans la function déplacement
l’axe x du symbole fond est déplace de 2 pixel ( axe horizontal )
sauf si x == 10000 dans ce cas l’axe x = 0
Même en 2012 super tuto.
Pour éviter que ça saute visuellement, il faut juste travailler sur le raccord et c’est parfait.
Merci