Es kann ein Image sein, oder du kannst es mit Canvas selbst malen, beides ist möglich
Und das mit der Richtung würde ich etwa so machen:
-> du definierst eine bzw. zwei Variablen für die Bewegung, z.B. BewegungX und BewegungY. Beide werden mit einem Wert, etwa 1, belegt.
-> Durch einen Timer lässt du den Ball bewegen, z.B.
ball.left := ball.left + BewegungX;
-> ausserdem musst du prüfen ob der Ball schon zu weit geflogen ist:
if ball.left > 300 then...
-> wenn der Ball zu weit geflogen ist, dann muss die Bewegung umgekehrt werden. Das erreichst du mit
BewegungX := -BewegungX;, damit wird der positive Wert negativ, oder wenn er negativ ist dann wird er damit positiv.
Natürlich musst du auch abfragen ob der Ball dann zuweit nach links geflogen ist, und die Y-Koordinate berücksichtigen. Und die Breite vom Ball musst du auch noch mit reinrechnen, aber das kannst du vielleicht alles selbst
