Exercice pour préparer Noël
Jeu de backgrounds qui scrollent
 
Juste quelques indices pour vous mettre sur la piste.
 
Insérez un container de la largeur de l'image, soit 100 pixels.
 
Positionnez le à 50 pixels du bord gauche.
 
Pour la hauteur, cochez "set top and bottom edges" et indiquez 0 du top, et 0 du bottom.
 
Vous aurez ainsi un container qui occupe toute la hauteur de votre écran, quelque que soit l'affichage.
 
Dans ce container, insérez 4 backgrounds :
- le 1er, avec l'image du cercle, un scroll "down and left" avec une vitesse assez rapide (fast - 100)
- pour le 2ème background, copiez-collez le 1er background et changez le scroll pour "down and left"
- pour le 3ème background, utilisez la boule rouge, indiquez un scroll "down", une vitesse de 400, une valeur de "pixels per move" correspondant à la hauteur de l'image, soit 100, un intervalle vertical de 100
- pour le 4ème background, copiez-collez le 3ème background, changez l'image de la boule rouge pour mettre la boule verte à la place, et donnez une starting position verticale de 100 afin de mettre les boules en décalage.
 
Votre première animation est faite.
 
Copiez-collez ce container et éloignez le du bord, en le mettant à 200 pixels de la gauche.
 
Maintenant jouez avec les variables :
- le sens du scrolling
- les vitesses
- les intervalles entre les images
- les starting positions
etc...
 
Visionnez souvent, regardez l'effet produit par une modification de vos valeurs.
 
Quand un effet vous plait, copiez-collez un des containers et positionnez le par rapport à la droite et recommencez à vous amuser en testant les variables.
 
Idem, pour un 4ème container qui sera plus éloigné du bord droit, à 200 de la droite.
 
Complétez si vous le souhaitez avec d'autres effets.
 
En fait, ce scrippy n'est pas difficile, c'est la multiplication des containers qui donnent cet effet assez complexe.
 
Dans chaque container mes effets sont différents, mais vous en trouverez certainement d'autres...
 
    
   Lylybeth - novembre 2006 * * *