HTML5 实现小车动画效果(Canvas/CSS3/JQuery)(2)

var dx=5,           //当前速率                rate=1,         //当前播放速度                ani,            //当前动画循环                c,              //画图(Canvas Context)                w,              //汽车[隐藏的](Canvas Context)                grassHeight=130,        //背景高度                carAlpha=0,         //轮胎的旋转角度                carX=-400,          //x轴方向上汽车的位置(将被改变)                carY=300,           //y轴方向上汽车的位置(将保持为常量)                carWidth=400,       //汽车的宽度                carHeight=130,      //汽车的高度                tiresDelta=15,      //从一个轮胎到最接近的汽车底盘的距离                axisDelta=20,       //汽车底部底盘的轴与轮胎的距离                radius=60;          //轮胎的半径  

为了实例化汽车canvas(初始时被隐藏)，我们使用下面的自执行的匿名函数