Pelota que rebota en mouse y en la pagina

[SrVory]

Buenas! Me gustaría saber cómo podría hacer una pelota que va rebotando por el ancho y el alto de la página y que al "chocar" con el raton cambie su dirección como si de una pared se tratase. Alguna idea?

Saludos y gracias!

[hackjose]

creas un div
le das un cierto tamaño por ejemplo 10px por 10px
usas border-radius

Ya tienes la pelota, ahora tienes que moverla

Para eso vas a utilizar un setInterval
Este setinterval se encarga de incrementar/decrementar la posicion X e Y

Tambien debe encargarse de ver los 4 limites(izquierda,derecha,arriba,abajo) para esto puedes usar 0 window.innerWidth 0 window.innerHeight respectivamente

Cada vez que llegen a un limite o lo ballan a rebazar debes cambiar la direccion del incremento/decremento

Para obtener la posicion del mouse usa cualquier evento, te recomiendo mousemove, y el objeto evento tiene la posicion del puntero del mouse.

Si al puntero le vas a asociar un ancho y un alto(como si fuera otra pelota), entonces la forma de detectar cuando estan juntos es hacer un vector con los centros de ambas pelotas y ver si la magnitud de este vector es menor o igual al radio uno mas el radio dos

No es dificil pero si laborioso