Url Hunter – Un esperimento in javascript

Un esperimento: così definirei questo tentativo di rendere interattivi gli url, implementando un semplice giochino in cui bisogna uccidere quattro ‘a’ in 30 secondi mentre si muovono lungo l’url nella vostra barra degli indirizzi.

Autore è ProbablyCorey, sviluppatore (apparentemente) attivo su iPhone.

Il ‘gioco’ è accessibile qua.

Basicamente funziona lavorando sulla possibilità di accedere direttamente ad un punto della pagina tramite anchor point: negli indirizzi web alla fine certe pagine – ad esempio scegliamo http://it.wikipedia.org/wiki/Wikipedia#Descrizione – c’è la possibilità di inserire un riferimento ad un’ancora, ovvero all’identificativo di un elemento.

Nel caso segnalato andremo ad accedere all’elemento con ID ‘Descrizione’: se guardiamo il sorgente c’è uno <span> infatti.

Il giochino, basato su javascript (Jquery + http://probablyinteractive.com/url-hunter/url-hunter.js ), fa leva proprio su questo (quando si accede ad un’ancora non si ricarica la pagina ma ci si sposta solo).

Alla fine della funzione di update infatti troviamo:


location.hash = (” ” + timeLeft + “|”) + url.join(“”) + (“|” + timeLeft);
return document.title = “Points ” + this.points;

Che compone la proprietà hash (cioè proprio la parte dopo ‘#’) nel formato: spazio-tempo rimasto | url.join(“”) | tempo rimasto

La stringa ‘url’ contiene il gioco in se, ed è composta precedentemente nella funzione.

:bazinga: di marcoriccio, spiegazione mia.

ColorPiano: una sinestesia digitale a base di LEGO e tecnologie Web
ColorPiano: una sinestesia digitale a base di LEGO e tecnologie Web
SBrick.js: Robotica semplificata grazie a LEGO, SBrick e Web Bluetooth
SBrick.js: Robotica semplificata grazie a LEGO, SBrick e Web Bluetooth
Arkanoid in PDF
Arkanoid in PDF
Dithering: cos'è e come funziona
Dithering: cos'è e come funziona
La storia dei linguaggi di programmazione in un infografica
La storia dei linguaggi di programmazione in un infografica
Come attivare subito la nuova Google Bar
Polymaps, mappe interattive all'ennesima potenza