鼠标单击以在HTML5 Canvas中弹回一个球

Question

如何使用鼠标点击弹回稳定的球？这是JavaScript部分中的链接（http://cssdeck.com/labs/lets-make-a-bouncing-ball-in-html5-canvas）。在执行开始时没有任何单击就会弹跳，但是需要在鼠标单击后立即开始弹跳。

Answer 1

我的解决方案是使用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();
    });
});

JSFIDDLE DEMO

Reference : http://viralpatel.net/blogs/jquery-bounce-effect-bounce-html-js/