Discussion :

[gosselien]

Bonjour,

Je ne connais absolument pas les diff�rents langages style php/java/html etc etc...Je ne sais donc pas si je suis dans le bon forum, mon message peut �tre d�plac� s'il n'est pas au bon endroit.

Pour un jeu � publier sur le net, j'aimerais masquer les 23/24e d'une horloge et que ce quartier avance avec l'heure r�elle pour d�masquer entre 12 et 13 en temps r�el, puis en avan�ant, d�masquer en 13 et 14h mais masquer ce qui est avant (12 �13h) et apr�s de 14:01 � 24:00...

En gros , un truc du genre "pacman" qui pivote sur le cadran en ne montrant qu'un 24e � la fois et en tout cas ce qu'il y aurait en dessous.

Il faudrait donc attendre et regarder une fois par heure pendant 24h un code qui serait cach� � chaque quartier...

Si c'est trop long � �crire (je ne m'en rends pas compte) , tant pis je m'en passerai mais merci de m'informer un minimum.


ps: voil� � quoi je voudrais arriver : http://fjbelan.mywebcommunity.org/ca..._Script.php/$1
Merci

[NoSmoking]

Bonjour,
pour le principe je dirais utilisation d'un �l�ment <canvas> avec l'image de ton horloge en fond, ou m�me dessin�e directement.

Ensuite, tu dessines par dessus ton � pacman � et tu lui appliques une rotation en fonction de l'heure.

Je pense que le SVG pourrait �galement faire l�affaire.

Ressource :
↪ Tutoriel canvas sur MDN

[SpaceFrog]

Je serai rest� plus simple juste avec js et css ...

[Invit�]

Bonjour,

En effet, il suffit de 2 images, dont l'une tourne (en CSS) en fonction de l'heure.

La difficult� est d'emp�cher un "petit malin" d'afficher l'image de fond seule (via la console,...), et ainsi r�v�ler TOUS les indices !

A mon avis, il ne faut pas que les indices soient inscrits sur l'image de fond, mais g�n�r�s dynamiquement (en JS), un � la fois, en fonction de l'heure.
Et/ou via un <canvas>.

[SpaceFrog]

En effet il suffirait de retourner les indices par un ajax et de les afficher