Schiacciadito

Certe app nascono da un semplice gesto. In questo caso, mi piaceva l'idea di avere due telefoni, messi schiena contro schiena, e far finta di bucare lo schermo con il dito indice fino a farlo uscire dall'altra parte.

Sarò sincero, è un'app creata quasi interamente dall'intelligenza artificiale, io ho aggiustato giusto qualche riga di CSS. Anche il manifesto che compare sulla bacheca è generato.

L'effetto magico è dato da una Websocket, già sperimentata con successo in Fotograffetta e Cin-cin.

Quando si usa una Websocket c'è sempre la necessità di accoppiare due o più utenti, in questo caso due telefoni. L'accoppiamento da manuale prevede che il telefono A emetta un codice numerico o un QR code, da inserire o scansionare nel telefono B. Cercavo un meccanismo più semplice, e quindi l'accoppiamento avviene incollando uno scotch virtuale su una bacheca in legno.

Il primo giocatore traccia una linea, di cui la parte importante sono le coordinate di inizio e fine. Quando un altro giocatore passa col dito sopra le stesse coordinate (con una certa tolleranza) quei due telefoni vengono accoppiati. Per evitare di riempire la bacheca di schifezze, le striscioline di scotch spariscono dopo 10 secondi se nessuno le ha raccolte.

Stabilito l'accoppiamento, l'effetto speciale funziona così:

1. Il telefono A preme un punto a caso dello schermo e le coordinate vengono passate al server.
2. Il server passa le coordinate al telefono B a cui è stato accoppiato, specchiando però la coordinata X, visto che i telefoni sono messi schiena contro schiena, quindi la destra di uno è la sinistra dell'altro.
3. Il telefono B fa apparire la punta di un dito indice nel punto comunicato dal server.

A questo punto, l'effetto di bucare lo schermo era fatto, ma già che c'ero bisognava creare un gioco, ossia un'interazione tra le due persone in cui una vince e l'altra perde.

La cosa più naturale era far cliccare nello stesso punto all'avversario e premiare la velocità di reazione.

Infine, per dare un tocco di realismo, ho aggiunto qualche effetto audio di vetro rotto e un dito indice vero. L'intelligenza artificiale tende a preferire immagini vettoriali in SVG e suoni generati da WebAudio ma – per essere gentili – non mi convincevano per niente, quindi ho attinto a due miei siti preferiti che uso per queste faccende.

Spero che anche quest’app vi permetta di passare qualche minuto di divertimento attorno ad un tavolo; se vi è piaciuta contattatemi pure via mail.