Animation personnage au clic sur 5 éléments

Animation d’un personnage au clic sur un élément d’une timeline
Le projet consiste à animer un personnage stickman (homme baton) dont les différentes poses statiques seront fournies.
Le principe est le suivant :
Le personnage peut se déplacer sur 5 points / étapes le long d’une courbe (ligne en forme de cuvette / de U).
Les visuels sont déjà réalisés à savoir :
- Visuel du personnage à l’arrêt sur chaque point / étape
- Différentes poses du personnage en mouvement à boucler autant que nécessaire pour aller d’un point à un autre.
Le projet consiste donc à animer les visuels fournis afin qu’un clic vers un des 5 points fasse soit avancer le personnage d’autant de cases si on clique sur une case devant la case actuelle où se trouve le personnage soit reculer le personnage si on clique sur une case située derrière la case actuelle où se situe le personnage.
Par exemple : si le personnage se situe sur la case 1, il est donc par défaut avec la pose par défaut de la case 1. Si on clique sur la case 3 le personnage va donc avancer de gauche à droite jusqu’à la case 2 puis jusqu’à la case 3 où il s’arrêtera avec la pose propre à la case 3 en regardant vers la droite. Ensuite si on clique sur la case 2 le personnage reviendra à la case 2 en inversant le sens de la course de droite à gauche pour s’arrêter avec la pose statique propre à la case 2 mais cette fois en regardant vers la gauche.
A noter que le parcours n’étant pas horizontal il faudra que le personnage évolue dans le sens de la pente en montant ou descendant selon l’inclinaison entre 2 points / étapes. La marche aller se fait de gauche à droite et la marche retour se fait de droite à gauche.
Bien entendu l’animation doit être responsive et doit fonctionner sur tous les écrans (pas de flash). Elle devra être intégrable sur un site prestashop (installation locale) facilement en homepage (livraison soit d’un module soit de code à insérer dans le fichier .tpl + css + js avec instructions).
Le déclenchement de l’animation se fait soit au clic sur un point soit au clic sur une des 5 lettres situées juste en dessous du point.