Tutorial; crayon magique
niveaux débutant
Etape 1 le design du crayon
-ouvrez un nouveau document flash ;
-paramètrez-le comme comme il suit (F12) :
550px X 400px
Background color [ noir ]
Frame rate [ 50 ] fps
-sélectionnez l’outil rectangle ( R ), sans bord , couleur : #FFCC33
-dessinez un rectangle puis dupliquez-le et placez-le à côté de celui-ci ;
cette image est un zoom 800x dans Flash
les couleurs utilisées sont :
- #FFCC33
- #FEB50C
- #FFE7CE
- #333333
une fois le design terminé, sélectionnez le tout et faites-en un movieClip ( F8 )
Etape 2 le dessin de la bille
- faites un zoom sur la scène de 2000x
- avec l’outil cercle ( O ), faites un cercle de 4.2 x 4.2 en blanc
- puis convertissez-le en movieClip ( F8 ) :
- double clic sur le movieClip peint, puis sur la frame 19 faites F6 et agrandissez le cercle à la taille 17 x 17 et changez sa couleur en : #FF2424
- recommencez l’action sans changement de taille !
à la frame 37 ( F6 ) avec la couleur : #F9F906
à la frame 48 avec la couleur : #03E203
- faites F6 à la frame 64 et suprimmez le cercle
avec le polystar Tool créez un polygone un peu plus grand que le cercle, puis tracez des traits comme ci-dessous :
- remplissez correctement afin d’avoir une étoile couleur : #03B6E2 puis suprimmez tout les traits et centre-la au milieu.
- à la frame 82 faites F6 et changez la couleur de l’étoile en : #AE05E0
-à la frame 95 faites à nouveau F6 et changez la couleur en : #E20303
- puis à la frame 105 faites encore une fois F6 et changez la couleur en blanc
et ajoutez entre chaque dessin ( en cliquant entre les frames ) la motion tween Shape :
Etape 3 le code
- sur la première frame de la scène faites F9 pour ouvrir l’éditeur de code
et rentrez le code suivant ;
vitesse = 1;
peinture = false;
niveau = 1;
niveau1 = 1;
attachMovie("crayon","crayon",11000);
crayon._rotation = 45;
onEnterFrame = function(){
Mouse.hide();
crayon._x = _xmouse;
crayon._y = _ymouse;
onMouseDown = function(){
peinture = true;
mc._visible = 0;
}
onMouseUp = function(){
peinture = false;
mc._visible = 0;
}
if(peinture == true){
niveau1++;
mc = attachMovie("peint","peint_"+niveau,niveau1);
Random = (Math.random(1)*-7);
mc.onEnterFrame = function(){
niveau++;
mc._x = _xmouse-Random;
mc._y = _ymouse-Random;
mc._alpha = 100;
mc._xscale = 20;
mc._yscale = 20;
mc._rotation = vitesse;
if(mc._xscale && mc._yscale <= 50){
this._yscale += vitesse;
this._xscale += vitesse;
}
if(mc._alpha >= 20){
this._alpha -= vitesse;
}
}
if(niveau >= 10000){
niveau1 = 1;
niveau = 1;
}
}
}
ligne 0 à 3 : variables
ligne 4 : on ajoute le crayon dans notre animation
ligne 10 à 17 : les fonctionnalitées de la souris si on press on envois des billes sur la scène sinon non
ligne 20 : on ajoute le clip peint qu’on duplique a force que peinture == true à l’aide de niveau++ qui ajoute +1 à chaque fois que peinture est également true
ligne 23 à 38 : les billes qui rentres suivent toute les consignes indiquées dans ces lignes.
ligne 31 à 34 : les billes plus petites que 50 grandissent en fonction de vitesse
ligne 35 à 37 : les billes plus grandes en alpha que 20 se voyent diminuer en fonction de vitesse
ligne 39 à 42 : si niveau devient plus grande que 10000 il est automatiquement recallé à 1 pour préserver de la mémoires
et testez votre animation enjoy ! 
merci d’avoir suivi ce tutorial
écrit par Nonitt
pour toutes question
postez un commentaires
commentaire récents