¡Hola Camilo!
En tu código, veo que tienes una función que dibuja una circunferencia y otra que limpia la pantalla. También tienes una función que actualiza la pantalla, que se ejecuta cada 100 milisegundos. La circunferencia se mueve de izquierda a derecha y rebota en los bordes de la pantalla.
Si lo que deseas es que la circunferencia rebote en el borde inferior de la pantalla, lo que debes hacer es modificar la función actualizarPantalla. En lugar de obtener la posición vertical del mouse, debes verificar si la posición vertical de la circunferencia es mayor o igual al borde inferior de la pantalla. Si es así, debes cambiar la dirección de la circunferencia para que se mueva hacia arriba.
Aquí te dejo el código modificado:
function actualizarPantalla(evento){
limpiarPantalla();
diseñarCircunferencia(x,y,d);
if (x != 600-d && ida == 1) {
x++;
if(x == 600-d)ida=0;
}
if (x!=d && ida==0) {
x--;
if(x==d)ida=1;
}
if (y >= 400-d) {
ida = -1;
}
if (y <= d) {
ida = 1;
}
y += ida;
}
setInterval(actualizarPantalla,100);
Con estos cambios, la circunferencia debería rebotar en el borde inferior de la pantalla. Espero que esto te ayude. ¡Buenos estudios!