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