TP 2 : Touch events

Objectifs pédagogiques du TP

Outils

Préambule

Créez un projet M1IF13-TP2 sur la forge, ajoutez-y votre binôme et vos encadrants (comme reporters). N'oubliez pas de mettre vos noms dans la description du projet.

Présentation de l'application

Vous partirez de l'application située ici (dérivée de celle-ci et adaptée à l'aide de la bibliothèque jquery.transform.js). Cette application vous présente une galerie de tableaux et permet, au clic, de leur appliquer différentes transformations :

Ces transformations sont dans le code à titre indicatif. Le travail demandé dans ce TP va consister à utiliser les touch events pour manipuler les tableaux et leur faire subir des transformations spécifiques aux gestes et nombres de doigts utilisés.

Modification de l'application

Supprimez les transformations faites automatiquement de l'application (vous pouvez les conserver quelque part pour l'exemple). Utilisez les touch events simples (un doigt) de la façon suivante :

Utilisez les multitouch events à deux doigts de la façon suivante :

Utilisez les multitouch events à trois doigts de la façon suivante :

Licence Creative Commons
Valid XHTML 1.0 Transitional