Le joueur approche sa souris de la tête d’une root à X [distance de détection] ou d’une node.

⇒ Si la root est sélectionnable, un cercle blanc [couleur cercle sélection] de [radius] X apparaît.

⇒ Animation à l’apparition du cercle : EaseOutElastic [force] [temps]

⇒ Si la root n’est pas sélectionnable, aucun cercle n’apparaît.

⇒ Une ligne pointillée blanche apparaît entre la tête de la racine et le noeud de destination (invisible).

Lorsque le joueur éloigne sa souris de la tête de la root ou d’une node.

⇒ Le scale du cercle disparaît avec une animation EaseOutElastic [force] [temps]

Lorsque le joueur maintien le clic sur la tête d’une root ou d’une node.

⇒ Le scale du cercle disparaît avec une animation EaseOutElastic [force] [temps]

⇒ Le joueur peut alors déplacer la ligne de pointillée blanche, qui perd X [opacité].

⇒ Lorsque le joueur déplace la souris de autour du cercle, la ligne se déplace dans la direction de la souris.

⇒ Lorsque le joueur relâche la souris, une node est créer à l’endroit où la racine était quand le joueur à cliqué dessus. Le noeud a une animation d’apparition du type : easeOutBack.

⇒ La root ne peut plus être sélectionné pendant X [temps].