Horloge analogique avec Koolmoves.

Pour commencer merci de lire le début de ce tutorial si ce n'est pas déja fait.
Une fois votre image de fond de votre horloge mise en place, il va falloir mettre les aiguilles.
Bien sûr il faut les créer ( avec photofiltre par exemple ) mais il y a une subtilité à respecter
lors de leur création. Je n'ai pas trouvé comment, dans Koolmoves, mettre le bas des aiguilles
au centre du fond de l'horloge... j'ai donc du ruser ! En fait c'est pas bien compliqué, étant donné que
c'est le centre des aiguilles qui sont au centre du fond, il suffit de mettre en transparence la moitié inférieure
des aiguilles. Et le tour est joué ( mais il ne faudra pas se tromper d'orientation des aiguilles dans Koolmoves... )
Donc la vous avez vos aiguilles pretes. Importez-les. Séléctionnez-en une et allez dans Shape>convert to movie clip.
Faites pareil pour les autres auguilles. Maintenant il va falloir indiquer aux aiguilles qu'il faut indiquer l'heure.
Pour cela cliquez droit sur l'aiguille des heures et cliquez sur "show proprieties". Dans l'onglet "behavior" cliquez sur "actons"
puis sur le + et sur "action script". Vous allez coller dans la fenetre qui apparait ( avec le bouton en forme de valisette )
le code suivant :

onClipEvent(enterframe){
myTime = new Date();
this._rotation = (30*myTime.getHours())+(30*myTime.getMinutes())/60;
}


Et cliquez sur ok. Faites de même pour les autres auguilles mais pour l'aiguille des minutes mettez ce code :

onClipEvent(enterframe){
myTime = new Date();
this._rotation = 6*myTime.getMinutes();
}


Et pour l'aiguille des secondes :

onClipEvent(enterframe){
myTime = new Date();
this._rotation = 6*myTime.getSeconds();
}


Bien sur il faut que toutes vos aiguilles soient bien centrées, si ce n'est pas le cas cliquez sur Transform>center
Maintenant regardez votre chef d'oeuvre avec play>play in a web browser. Si ça ne fonctionne pas vérifez que tout
ce qui a été dit dans ce tutorial a bien été respecté.
Bien sur il est possible de mettre des chiffres pour cela cliquez sur le T de la palette "tools".
Et placez correctement les chiffres. Vous pouvez aussi mettre des effets sur les chiffres ( 3D ou motion script )
regardez dans les propriétes du texte et explorez les differents effets mis à votre disposition.
Une fois que c'est fait, regardez votre animation comme tout à l'heure pour voir si ça vous plait.
Si c'est le cas enregistrez votre horloge ! ( repportez-vous au tuto donné au debut si vous ne savez pas comment faire. )
Merci d'avoir lu ce tutorial !

Une aide pour ce tutorial ? Demandez ici :
© mc-creations 2007. Reproduction interdite. Faire un lien Partenaires