jsPuzzle: codice per creare dei puzzle

jsPuzzle è un plugin per jQuery che, data un’immagine, crea un puzzle con i blocchi da spostare per ricostruire l’originale.
Basta avere l’immagine intera e inserirla in un blocco con id ‘imageContainer’ e alla funzione che dividerà l’immagine possiamo passargli, come parametri, il numero di righe e di colonne per la divisione in blocchi

jsPuzzle è un plugin per il framework JavaScript jQuery che, data un’immagine di partenza, è in grado di generare un puzzle composto dai classici blocchi (le “tessere” del puzzle) che l’utente dovrà spostare per ricostruire il contenuto originale.

Al fine di utilizzare l’applicazione all’interno della propria pagina Web è sufficiente disporre dell’immagine intera per poi inserirla in un blocco associato all’identificatore imageContainer e alla funzione che si occuperà di dividere l’immagine.

Per ottenere il risultato finale è sufficiente passare pochi argomenti come parametri a quest’ultima, cioè il numero di righe e quello delle colonne per la divisione in blocchi dell’immagine.

Download

I Video di HTML.it

Marcello Teodori, gestire il workflow JavaScript

Il workflow per lo sviluppo front end da professionisti