artkabis
Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...
Connexion

Récupérer mon mot de passe

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~

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 51 le Ven 30 Oct - 11:46
Rechercher
 
 

Résultats par :
 


Rechercher Recherche avancée

Donations
Navigation

  Portail
  Forum
  Membres
  Calendrier
  FAQ
  Rechercher
  Profil  
  Messagerie

Derniers sujets
» robs31 présentation
Aujourd'hui à 19:13 par Demeter

» La rentrée chez artkabis ( PSDMag et Yazo )
Aujourd'hui à 19:11 par room9

» Présentation de Kakashi973
Aujourd'hui à 19:08 par Demeter

» Preloader ultra et ses carrés lumineux
Aujourd'hui à 18:26 par Tekken

» Présentation de Burton
Aujourd'hui à 18:18 par room9

» $calpeur présentation
Aujourd'hui à 18:16 par room9

» Grapheurs... Grapheuses !!!
Aujourd'hui à 18:10 par room9

» Préz de Tkconcept
Aujourd'hui à 16:55 par artkabis

» Hello everybody!
Aujourd'hui à 16:11 par Demeter

» Ma présentation à moi !
Aujourd'hui à 10:22 par haysam

Partenaires
Forum Booste le trafic de ton forumVisiter ForumLinker.com : Annuaire des Forums Forum gratuit Annuaire des ForumsBoosterForum.com : Echange de clics ! bkb-graphism.be

Votes

Défendez les couleurs de votre forum. Pour nous soutenir rien de plus simple, cliquez sur le bouton situé ci-dessous. Cela ne vous prendra que quelques secondes et nous permettra de nous faire connaître.

 

Horloge flash
Flux RSS

Yahoo! 
Google Reader 
MSN 
AOL 
NewsGator 
Rojo 
Bloglines 


Artkabis sur weecast

mes tutorials vidéos sur weecast.fr

Tutoriel: créer une horloge personnalisé

Poster un nouveau sujet   Répondre au sujet

Page 1 sur 7 1, 2, 3, 4, 5, 6, 7  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Tutoriel: créer une horloge personnalisé

Message par artkabis le Mer 17 Sep - 15:16





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  (9/10)

http://artkabis.fr

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par Zarkann le Ven 9 Jan - 14:33

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) Laughing

après je vais attaqué les horloges

merci en tout cas pour tout ces tutoriaux

Cordialement Eric

_________________

Zarkann
Newbie
Newbie

Nombre de messages: 5
Age: 42
Logiciels: Quelles logiciel utilisez vous?
Experience en graphisme: remplir ce champ
Date d'inscription: 02/01/2009

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par artkabis le Ven 9 Jan - 15:06

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.

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  (9/10)

http://artkabis.fr

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par HPWEST le Jeu 19 Fév - 16:06

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 ..

HPWEST
Newbie
Newbie

Nombre de messages: 47
Age: 39
Logiciels: Adobe
Experience en graphisme: remplir ce champ
Date d'inscription: 19/02/2009

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par AlanAdk le Jeu 19 Fév - 20:07

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 !

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  (0/0)

http://www.studio-appart.com

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par AlanAdk le Ven 20 Fév - 16:50

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  (0/0)

http://www.studio-appart.com

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par Amonbofils le Ven 20 Fév - 17:40

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  (0/0)

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par AlanAdk le Ven 20 Fév - 17:51

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 Razz

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 Smile

_________________

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  (0/0)

http://www.studio-appart.com

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par HPWEST le Ven 20 Fév - 18:27

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.


Dernière édition par HPWEST le Dim 22 Fév - 17:18, édité 1 fois

HPWEST
Newbie
Newbie

Nombre de messages: 47
Age: 39
Logiciels: Adobe
Experience en graphisme: remplir ce champ
Date d'inscription: 19/02/2009

Revenir en haut Aller en bas

Re: Tutoriel: créer une horloge personnalisé

Message par AlanAdk le Ven 20 Fév - 18:39

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 Smile

_________________

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  (0/0)

http://www.studio-appart.com

Revenir en haut Aller en bas

Page 1 sur 7 1, 2, 3, 4, 5, 6, 7  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Poster un nouveau sujet   Répondre au sujet
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum