Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[Flash] Faire tomber de la neige

Aller en bas  Message [Page 1 sur 1]

1 [Flash] Faire tomber de la neige le Sam 8 Avr - 23:25

Coatriver

avatar
Membre Actif
Membre Actif
Faire tomber de la neige et la dirigée avec la souris :

ı © Prodesignhost ı MicrOchop ı © Artophix ı coatriver ı




1. Ouvrir flash. Mettre une cadence de 25 ips (images par secondes) dans les propriétés du document. Ici j'ai fait un document avec une taille de 300 sur 300 pixels avec un fond noir.
2. Avec l'outil ovale (O), créer un petit flocon de neige blanc en dehors du document. La taille du flocon n'a pas d'importance car la taille des flocons se fera avec l'action script.
3. Faire un Clique+Droit sur le flocon => convertir en symbole... Nommer le clip "snowflake", cliquer sur "avancée" et cliquer sur "Exporter pour ActionScript" (Screenshot)

4. Cliquer sur le 1er frame du calque où vous avez fait le flocon (je vous conseille de faire le flocon sur le 1er calque) et ouvrir la fenêtre des Actions et faire un copier-coller du code suivant:
Code:
width = 400; // width correspond à la largeur du document.
height = 550; // height correspond à la hauteur du document.
total = 200; // total correpond au nombre de flocons de neige par secondes.
for (var t = 0; t != total; t++) {
  var mc = _root.attachMovie("snowflake", "snowflake"+t, _root.getNextHighestDepth());
  mc._x = (Math.random()*(width+20))-10;
  mc._y = (Math.random()*(height+20))-10;
  mc.yspeed = (Math.random()*1.75)+0.25;
  mc.speed = (Math.random()*3)+2;
  mc._xscale = mc._yscale=(mc.speed+mc.yspeed)*10;
  mc.onEnterFrame = function() {
      var angle = Math.atan2(_root._xmouse-(width/2), _root._ymouse)+1.5707963267949; // Cette ligne correspond à la direction des flocons de neige en fonction des mouvements de la souris.
      this._y += Math.sin(angle)*this.speed+this.yspeed;
      this._x += Math.cos(angle)*this.speed;
      if (this._x>width+10) {
        this._x = -10;
      } else if (this._x<0-10) {
        this._x = width+10;
      }
      if (this._y>height+10) {
        this._y = -10;
      } else if (this._y<0-10) {
        this._y = height+10;
      }
  };
}


5. N'oubliez pas de changer la taille "width" et "height" pour que ça soit la même taille de votre document.

J'ai essayé de vous mettre quelques explications dans l'actionscript pour que vous compreniez un peu Wink



Dernière édition par le Dim 9 Avr - 21:19, édité 1 fois

Voir le profil de l'utilisateur

Gothor

avatar
Membre Actif
Membre Actif
C'est simpa comme tuto, je vois pas à quoi il pourrait me servir mais c'est simpa ^^

Voir le profil de l'utilisateur

waverideur

avatar
Novice Supérieur
Novice Supérieur
Il peut servir pour les créa de Noël ^^
Je verrai si je pourrai faire une variante pour que la neige ne soit pas dirigée mais qu'elle tombe sur des objets

Voir le profil de l'utilisateur

l'ancien

avatar
Membre Actif
Membre Actif
c'est bien sauf que (rire) quand on traverse l'anim ave la souris
les flocons montent :roul: :roul:

Voir le profil de l'utilisateur http://www.kokoom.com/xopa/acceuil.html

Coatriver

avatar
Membre Actif
Membre Actif
Bah il y a pas de mal à croir au surnaturel :ri: lol . C'est vrai mais bon c'est pas si grave.

Voir le profil de l'utilisateur

Contenu sponsorisé


Revenir en haut  Message [Page 1 sur 1]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum