06 février 2008
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
Commentaires
Problème
Bonjour, j'ai bien fé tout ce que vous avez indiqué mais il m'indique un bug action script : 1120: Accès à la propriété non définie Fond.
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
c tré tré tré nulle votre tutaux...c tré mal expliqué , c court é ca ne marche pa vous avez due oublier pa mal d'étapes..un peu de sérieux SVP
merci
Bonjour,
merci pour l'effort, mais t es besoin d'expliquer mieux, et merci c'est un beau tuto,
Je cherche à intégrer un échiquier animé, dans mon blog ...où l'on pourrait suivre une partie en bougeant les pièces !
Hum.
J'avoue, le tuto n'est pas parfait et mériterait d'être revu. Par contre, les précédents commentaires me font (pour la plupart) bien rire...
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 :D
heu...
Loin de moi l'idée de dénigrer le travail fait, mais encore faut-il que le résultat final soit à la hauteur de ce qui est décrit. Je viens de le tester et ça ne marche pas, mais peut-être est-ce moi qui ai raté une étape? pourtant, même le fichier exemple ne marche pas, dommage, ç'aurait été sympa à voir...
modification du tuto imminente
Bonjour
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....
Ce tuto (issu d'un livre de chez MicroApplication d'ailleurs) fonctionne très bien si vous n'oubliez pas de nommer votre occurence dans les propriétés (Fond) .... dans le bouquin, ils le nomment "bande".
Je viens de le tester et ça marche parfaitement !
ça marche !
Ce tuto comme le dis mon précédent interlocuteur (écrit) marche très bien. Si vous ne savez pas suivre des démarches pourtant clair on ne peut rien pour vous, inutile de s'acharner sur celui qui pensait vous aidez en transcrivant ce tuto.
Voilà, en tout cas merci.
merci
Je vous remercie pour ce sympathique commentaire.
ça me permet d'être rassuré sur la possibilité de ce tuto.
Fonctionne très bien, seulement en ActionScript3!!!!
Merci.
... un autre essai :
Bonjour, j'avoue être totalement novice, et j'ai trouvé ce tuto intéressant. Pour ma part il n'y eut aucun problème. Mais, après avoir fait "bouger des nuages", j'ai essayé de prendre un autre fond, qui n'a pas la même taille, et la problème par rapport à ceci "if(evt.target.x <= -1000) {" est-ce normal ? Existe t'il un calcul ? si oui, comment le réalise t'on ? Merci d'avance !
Désolé je bloque...
Bonjour,
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...
n'oubliez pas de nommer votre occurence dans les propriétés Fond et non fond sinon marche po !
Ensuite pour lboutan, comptes tes parenthèses ouvrantes et fermentes elles doivent être identiques
PS: bon tuto, merci.
ci@o
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=327702&pid=7849389
Liens vers des weblogs qui référencent ce message :