Problème d'aléatoire JavaScript

Bonjour, je suis en train de créer un système de balles qui rebondissent sur les cotés d'un Canvas et les balles sont censé apparaître avec une couleur aléatoire (ça marche), une position aléatoire (ça marche) et une direction aléatoire (ça marche pas terrible) je m'explique: Quand chaque balle apparait, elle a une couleur, une position et une direction qui lui est propre. Cependant, AUCUNE balle ne va dans la direction du coin haut gauche ce qui crée une zone vide durant quelques secondes. Voilà le code, on peut tester ici: https://jsfiddle.net/L0u7bLfx/2/ Je pense que la solution est dans les lignes 1 à 23… J'ai testé js $.xVelocity = random(-7,7); mais ducoup il y a des balles immobiles et des balles très lentes, un autre problème survient… Merci d'avance pour votre aide.

Il faut enlever le else pour inverser la direction en y. Dans ton code, si x est inversé, y ne le sera pas.

Merci beaucoup !