Skip to content

bensoille/w07_ben_fractalMouseAnimation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

W07 :: Ben :: Exercice JavaScript :: fractal tree mouse animation

Move a fractal tree by shaking mouse left and right, and add other reactions

[Voir une démo ici] (https://bensoille.github.io/w07_ben_fractalMouseAnimation/ "Démo en ligne") par exemple


Exercices

Pour faire ces exercices, faites un fork de ce dépôt, et réalisez votre boulot dans vos branches, dans votre fork.

Puis mergez dans le master de votre fork, de préférence avec l'option --no-ff
Ces branches seront nommées à votre convenance, mais de préférence faisant mention de l'exercice en cours.

exemples : ben/exo1/tache_dans_lexo , ben/exo1/autre_tache_dans_lexo

Exercice 1

Remplacer le setTimeout() par un requestAnimationFrame() et observez la différence

Exercice 2

Ajoutez une réaction sur le mouvement vertical de la souris : on veut que l'arbre pousse si on monte le curseur, qu'il dépousse si le curseur descend

Exercice 3

Adaptez le script pour que ça fonctionne sur les tablettes ; gérez l'event "touchmove" correctement.
On veut que l'effet soit identique au mouvement de la souris.

About

Move a fractal tree by shaking mouse left and right

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages