您好,欢迎光临本网站![请登录][注册会员]  
文件名称: 使用jQuery实现的掷色子游戏动画效果
  所属分类: 其它
  开发工具:
  文件大小: 55kb
  下载次数: 0
  上传时间: 2020-12-11
  提 供 者: weixin_********
 详细说明:实现原理:当色子掷出后,通过jQuery的animate()函数改变色子位移,中间加入延时效果,并变换色子背景,最终动画运行到随机产生的点数时停止,并显示掷出的点数。其实就是动画过程加入多个不同图片的帧(同flash动画影片中的帧),帧数越多效果越好,然后逐帧运行后就形成了动画效果。一、准备工作我们需要准备色子素材,本示例中,我采用从网络上获取到的色子素材,我们要做处理的是将6个色子图片(1-6点),以及中间过渡效果的图片(做运动模糊处理)放在同一张图片上,保存为dice.png,用作色子背景图。载入jQuery库,这是必须的。 代码如下: