Javascript 鼠标单击在HTML5画布中弹起一个球

如何使用鼠标点击弹起稳定的球？这是JavaScript部分中的链接（）。它在执行开始时不需要任何单击就可以反弹，但需要在鼠标单击后立即开始反弹。

我的解决方案是使用jquery ui

$(function(){

    //Add bounce effect on Click of the DIV

    $('#bouncy').click(function () {
          $(this).effect("bounce", { direction:'up', times:5 }, 300);
    });

    //Bounce DIV on click of button
    $("#bounce").click(function(){
        $("div").click();
    });
});