Connexion
News globale

Clôture de notre CONCOURS EN GRAPHISME, récupérez le test à cette adresse::
http://www.artkabis.net/test-toshop-f58/notre-grand-concours-en-graphisme-t2299.htm#18094

Qui est en ligne ?
Il y a en tout 33 utilisateurs en ligne :: 14 Enregistrés, 1 Invisible et 18 Invités :: 1 Moteur de recherche$calpeur, artkabis, caith, Climax, Demeter, fokou, gingebean, Grooland, robertogalindo, room9, supillon, Tekken, Thony Ange, ~wanderlust~
Le record du nombre d'utilisateurs en ligne est de 51 le Ven 30 Oct - 11:46
Rechercher
Derniers sujets
Partenaires
Horloge flash
Tutoriel: créer une horloge personnalisé
Page 1 sur 7 • Partager •
Page 1 sur 7 • 1, 2, 3, 4, 5, 6, 7 
Tutoriel: créer une horloge personnalisé
Bonjour à tous, aujourd'hui nous allons créer une horloge personnalisée pour sont site ou son blog.
Vous pouvez télécharger la source en cliquant ICI
Attention! le tutoriel est assez long et il est donc possible que le chargement prenne un peu de temps.
Le tutoriel:
Voici le code utilisé dans ce tutoriel, copiez le avant de lire la video:
- Code:
onClipEvent (enterFrame)
{
heure = new Date();
_root.horloge.secondes = heure.getSeconds();
_root.horloge.msecondes = heure.getMilliseconds();
_root.horloge.minutes = heure.getMinutes();
_root.horloge.heures = heure.getHours();
_root.horloge.s._rotation = _root.horloge.secondes * 6 + _root.horloge.msecondes / 166;//on attribue une rotation du calque "s" en fonction des secondes
_root.horloge.m._rotation = _root.horloge.minutes * 6 + _root.horloge.secondes / 10;//on attribue une rotation du calque "m" en fonction des minutes
if (_root.horloge.h <= 12)
{
_root.horloge.h._rotation = _root.horloge.heures * 30 + _root.horloge.minutes / 2;//on attribue une rotation du calque "h" en fonction des heures
}
else
{
_root.horloge.h._rotation = (_root.horloge.heures - 12) * 30 + _root.horloge.minutes / 2;
} // end else if
//trace(heure+minute+seconde); ici vous pouvez verifier la mise à jour de l'heure
}
Dernière édition par artkabis le Jeu 28 Mai - 22:13, édité 9 fois

artkabis
- Nombre de messages: 4378
Age: 26
Localisation: Rennes (France)
Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
Experience en graphisme: 4 ans
Date d'inscription: 11/09/2008
Capacités en graphisme
Capacité graph:


(9/10) -

Re: Tutoriel: créer une horloge personnalisé
merci bien pour le tuyau
en fait j'ai pas dormit de la nuit après avoir fait une bannière avec une simple animation de 30 images
je me suis lancer dans le tutoriel "créer un menu glow et l'animer" (que j'ai réussi du premier coup)
après je vais attaqué les horloges
merci en tout cas pour tout ces tutoriaux
Cordialement Eric
en fait j'ai pas dormit de la nuit après avoir fait une bannière avec une simple animation de 30 images
je me suis lancer dans le tutoriel "créer un menu glow et l'animer" (que j'ai réussi du premier coup)
après je vais attaqué les horloges
merci en tout cas pour tout ces tutoriaux
Cordialement Eric

Zarkann- Newbie

- Nombre de messages: 5
Age: 42
Logiciels: Quelles logiciel utilisez vous?
Experience en graphisme: remplir ce champ
Date d'inscription: 02/01/2009
Re: Tutoriel: créer une horloge personnalisé
Et bien écoute, moi mon ptit plaisir c'est de voir de personnes qui en prennent en faisant mes tutoriels.
PS: Bravo pour la réussite du tuto menu glow, car c'est n'est pas le plus simple.
PS: Bravo pour la réussite du tuto menu glow, car c'est n'est pas le plus simple.

artkabis
- Nombre de messages: 4378
Age: 26
Localisation: Rennes (France)
Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
Experience en graphisme: 4 ans
Date d'inscription: 11/09/2008
Capacités en graphisme
Capacité graph:


(9/10) -

Re: Tutoriel: créer une horloge personnalisé
Bonjour !!!!
suite au tuto bien réalisé je me demandais si il était possible d'ajouter une fonction de sonnerie qui serait toute les heures. si oui qu'elle serait la façon de l'ajouter.
au plaisir de lire vos réponses ..
suite au tuto bien réalisé je me demandais si il était possible d'ajouter une fonction de sonnerie qui serait toute les heures. si oui qu'elle serait la façon de l'ajouter.
au plaisir de lire vos réponses ..
HPWEST- Newbie

- Nombre de messages: 47
Age: 39
Logiciels: Adobe
Experience en graphisme: remplir ce champ
Date d'inscription: 19/02/2009
Re: Tutoriel: créer une horloge personnalisé
Alors peut etre une alternative, si l'es aiguilles sont des symboles on peut très bien imaginer un autre clip ( un petite boule) qu'on peut positionner avec la souris sur le cadran et quand il y a contact avec ces deux clips ou symbole, ca declanche le son !
Je dis ca parce qu'avec ce que je connais je pense pouvoir le faire et ca pourrais etre sympa comme reveil de deplacer un truc sur le cadran.
Tiens je vais essayer !
Je dis ca parce qu'avec ce que je connais je pense pouvoir le faire et ca pourrais etre sympa comme reveil de deplacer un truc sur le cadran.
Tiens je vais essayer !

AlanAdk
- Nombre de messages: 278
Age: 33
Localisation: Paris
Logiciels: Flash, Illustrator, Photoshop, Indesign
Experience en graphisme: remplir ce champ
Date d'inscription: 16/02/2009
Capacités en graphisme
Capacité graph:


(0/0) -

Re: Tutoriel: créer une horloge personnalisé
HPWEST a écrit:Bonjour !!!!
suite au tuto bien réalisé je me demandais si il était possible d'ajouter une fonction de sonnerie qui serait toute les heures. si oui qu'elle serait la façon de l'ajouter.
au plaisir de lire vos réponses ..
Voici une piste pour le reveil. J'ai modifié rapidement la petite horloge fournis sur le forum et j'ai placé un rond rouge qui correspond au reveil.
Vous pouvez bouger ce point avec la souris et le positionner sur le cadran ou vous souhaitez. Lorsque l'aiguille des secondes rentre en contact avec le point rouge , ca sonne ! ( j'ai pris l'aiguille des secondes car elle tourne plus vite pour le test mais il faudrait le faire pour les aiguilles heures et les minutes)
Par contre mon souci est que l'aiguille est considere comme un "symbole" , donc lorsqu'elle est de travers il faut imaginer un rectangle autour, c'est pour cela que la colision se fait avec le point rouge au niveau du "symbole" et non au niveau de la "forme" de l'aiguille. Voir image :
Quelqu'un aurai une piste pour gerer la colision avec la forme e non le symbole par hasard ?

J'ai le code a disposition si vous souhaitez.
Dernière édition par AlanAdk le Ven 20 Fév - 17:52, édité 1 fois
_________________
Le jeu vidéo c'est un peu comme : " vivre l'exceptionnel au quotidien !"

AlanAdk
- Nombre de messages: 278
Age: 33
Localisation: Paris
Logiciels: Flash, Illustrator, Photoshop, Indesign
Experience en graphisme: remplir ce champ
Date d'inscription: 16/02/2009
Capacités en graphisme
Capacité graph:


(0/0) -

Re: Tutoriel: créer une horloge personnalisé
moi je dirait bien pour faire plus simple de créer un cercle de rayon = a l'aiguille et de permettre le déplacement du point rouge que sur ce cercle, du coup, ca ne prend en compte que le bout du symbole, donc l'angle de ta zone en pointiller, mais c'est de la bidouille :D
_________________

La bêtise humaine est la seule chose qui donne une idée de l'infini.
[Ernest Renan]

Amonbofils
- Nombre de messages: 414
Age: 26
Localisation: Rennes
Logiciels: Quelles logiciel utilisez vous?
Experience en graphisme: remplir ce champ
Date d'inscription: 26/11/2008
Capacités en graphisme
Capacité graph:


(0/0)
Re: Tutoriel: créer une horloge personnalisé
Ca pourrait être une solution mais ca nous limitera dans le graphisme. Je note quand meme!
J'ai pris mon bouquin d'ActionScript et on dirait que c'est pas si evident que ca ! Peut être en ActionScript 3 c'est plus simple pour ceux qui connaissent les colisions sous AS3
On peut effacer le cadre du symbole lorsqu'on fait un test de colision avec la souris. ex: hitTest (._xMouse, ._yMouse, false) Le false ici indiquerai qu'on ne fait attention qu'a la forme et pas au symbole .
Mais de symbole a symbole c'est pas la meme
J'ai pris mon bouquin d'ActionScript et on dirait que c'est pas si evident que ca ! Peut être en ActionScript 3 c'est plus simple pour ceux qui connaissent les colisions sous AS3
On peut effacer le cadre du symbole lorsqu'on fait un test de colision avec la souris. ex: hitTest (._xMouse, ._yMouse, false) Le false ici indiquerai qu'on ne fait attention qu'a la forme et pas au symbole .
Mais de symbole a symbole c'est pas la meme
_________________
Le jeu vidéo c'est un peu comme : " vivre l'exceptionnel au quotidien !"

AlanAdk
- Nombre de messages: 278
Age: 33
Localisation: Paris
Logiciels: Flash, Illustrator, Photoshop, Indesign
Experience en graphisme: remplir ce champ
Date d'inscription: 16/02/2009
Capacités en graphisme
Capacité graph:


(0/0) -

Re: Tutoriel: créer une horloge personnalisé
ok là moi je bosse sur deux horloges dont une que je présente ici
et l'autre qui est en prépa car ce sera le logo de vista avec son animation et que cette animation se mettra en marche toute les heures avec un son.
et l'autre qui est en prépa car ce sera le logo de vista avec son animation et que cette animation se mettra en marche toute les heures avec un son.
Dernière édition par HPWEST le Dim 22 Fév - 17:18, édité 1 fois
HPWEST- Newbie

- Nombre de messages: 47
Age: 39
Logiciels: Adobe
Experience en graphisme: remplir ce champ
Date d'inscription: 19/02/2009
Re: Tutoriel: créer une horloge personnalisé
Ok , le reveil on peut le faire en code effectivement c'est certainement plus simple, mais j'aurai bien aime faire tourner le reveil avec le ptit bouton qu'on positionne, j'imagine pas mal de fonctionnalite par la suite.
Par contre elle est jolie ton horloge, mais les ptits points qui clignotent, j'aime pas trop ca fait "mal aux yeux", et puis si tu permets ne prend pas le logo de vista pour faire ton anime ! On en bouffe déjà assez comme ça ! (Lol)
Bon a plus tard
Par contre elle est jolie ton horloge, mais les ptits points qui clignotent, j'aime pas trop ca fait "mal aux yeux", et puis si tu permets ne prend pas le logo de vista pour faire ton anime ! On en bouffe déjà assez comme ça ! (Lol)
Bon a plus tard
_________________
Le jeu vidéo c'est un peu comme : " vivre l'exceptionnel au quotidien !"

AlanAdk
- Nombre de messages: 278
Age: 33
Localisation: Paris
Logiciels: Flash, Illustrator, Photoshop, Indesign
Experience en graphisme: remplir ce champ
Date d'inscription: 16/02/2009
Capacités en graphisme
Capacité graph:


(0/0) -

Page 1 sur 7 • 1, 2, 3, 4, 5, 6, 7 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum




















» La rentrée chez artkabis ( PSDMag et Yazo )
» Présentation de Kakashi973
» Preloader ultra et ses carrés lumineux
» Présentation de Burton
» $calpeur présentation
» Grapheurs... Grapheuses !!!
» Préz de Tkconcept
» Hello everybody!
» Ma présentation à moi !