CLOCH è un orologio «grafico» costruito su un esagono, che cerca un approccio diverso nello scandire il tempo. Una volta capito sarà semplice capire l'ora persino vedendolo a distanza o di sfuggita.
Come funziona?
Cloch al posto delle lancette usa degli indicatori ma il funzionamento è quasi identico. Oltre ai canonici mezzogiorno e mezzanotte (12 AM/PM) - usa anche alba e tramonto (~6 AM/PM) come punti di riferimento.
CLOCH is a «graphical» cloch built on a hexagon, which tries to experiment a new approach to time measuring. One understood will be easy to read the hour even by distance or at a glance.
How does it work?
Cloch instead of the typical clock hands uses indicators but they work in almost the same way. Beside the usual noon and midnight (12 AM/PM) - uses sunrise and sunset (~6 AM/PM) too as reference points.
Le ore
I quattro stati (e i relativi periodi del giorno) sono indicati nella prima immagine, in quella sotto invece trovate a quali vertici corrisponde l'ora (sia AM che PM). Al primo avvio Cloch usa la modalità 6 ore, ma è possibile usare quella a 12 ore dal menu ( ).
Modalità 6 ore
Immagina di far andare la lancetta (dell'orologio classico) a velocità doppia: l'indicatore delle ore è l'immagine sole/luna e si sposta tra i sei vertici del quadrante (quindi fa 4 giri ogni 24 ore!).
Modalità 12 ore
Gli indicatori seguono la classica lancetta delle ore con questa opzione abilitata, le ore saranno: quelle pari sui vertici e quelle dispari tra due vertici.
Hours
There are four possible states (and theirs matching periods) which are shown in the first image, in the other one below you'll find the correspondence between vertexes and hours (both AM and PM). By default Cloch uses 6-hour timing, but it's possible to use the canonical one 12-hour selecting it in the menu ( ).
6-hour mode
Clock hands are moving twice the speed than normal: the hours' indicator is the sun/moon symbol and it moves between the six vertexes of the quadrant (so it makes 4 rounds each 24 hours!).
12-hour mode
The hours' indicator moves just as the canonical hour hand with this option enabled: even hours are on the hexagon vertexes and odd hours are between two vertexes .
I minuti
Per segnalare i minuti ci sono dodici indicatori posti sul bordo del quadrante come in figura. L'indicatore più intenso è quello principale cioè più vicino al minuto attuale e (l'eventuale) indicatore più trasparente adiacente indica di quanti minuti si dista dal principale.
L'animazione mostra i 10 minuti tra un'ipotetica ora e la successiva. Immagina la classica lancetta come orientata verso l'indicatore più intenso (o più precisamente nella zona data dall'intensità media dei due indicatori) per capire il minuto. Ma vi basterà vedere la zona illuminata per una buona approssimazione, di meno di 5 minuti!
Minutes
To show minutes there are twelve indicators positioned on the border quadrant (see picture). The most intense indicator is the reference point and the (possible) less intense indicator adjacent shows the minutes offset from the reference point.
The animation shows the 10 minutes between an hypothetical hour and the next one. Try to imagine the classical minute hand as oriented to the most intense indicator (more precisely to the zone between with average intensity between the two indicators) to understand the minute. But, for a pretty good approximation you just need to see the illuminated zone, having a (less than) 5 minute precision!
Customize it
Click on below to open the menu (and to close it):
- opens the color palette theme toggle: light or dark)
- shows cloch options (click on to show digital clock or on to pause it and set the time manually
- opens this help screen
Feeling nostalgic, would enjoy a more classical 12 hour clock? Click on inside the menu and select between 6h or 12h!
This site doesn't use any cookies, theme, color and mode (6/12h) will be added to the URL (address bar) each time you change them. Find the right configuration for you and save it to your bookmarks, to have Cloch always as you love it!
P.S. A more curious user may have seen how it' possible to add any possible color inside the URL (must be a RGB or HEX valid color, also with alpha channel) so you can feel really free!
Personalizzalo
Clicca su in basso per aprire il menu (e per chiuderlo):
- apre la tavolozza dei colori (e cambia tema: chiaro o scuro)
- apre le opzioni dell'orologio (clicca su per mostrare l'orologio digitale o su per metterlo in pausa e impostare l'ora manualmente
- apre questa schermata d'aiuto
Preferisci leggere l'orologio a 12 ore? Clicca nel menu e seleziona tra 6h o 12h!
Questo sito non utilizza cookie, il tema e il colore di sfondo verranno aggiunti nell'URL (barra degli indirizzi) ogni volta che li cambierai. Trova la configurazione a te più adatta e salvala nei preferiti, così da avere sempre Cloch come lo preferisci!
P.S. Un utente un po' più smaliziato potrà notare come è possibile aggiungere un qualunque colore nell'URL (purché sia un RGB o HEX valido, anche con trasparenza) e così potrete sbizzarrirvi con ogni colore possibile!
Cloch è stato ideato da Diego Turtulici e realizzato usando HTML5, CSS3 (validati), JavaScript puro e GSAP. È una rivisitazione di un precedente prototipo, Glock.
Si ringrazia eigenLab per l'hosting, il codice sorgente è rilasciato sotto licenza GPLv3.
Cloch made by Diego Turtulici using HTML5, CSS3 (validated), pure JavaScript and GSAP. It's a remake rivisited version of one of my previous works, Glock.
Thanks to eigenLab for hosting, here you can find the source code under GPLv3 license.