编写工具:webstorm(编写) codepen(成品展示)
作品名称:锅打灰太狼前端网页小游戏
0-1过程:
-
List item
建文件-保存images素材
-
HTML,CSS,JS代码编写,使用jQuery库
html:写入元素score,开始游戏,游戏规则,结束游戏
css:渲染与定位
- js代码写入功能
功能1:得分记录
功能2:时间倒计时
功能3:点击“开始“规则”实现相应功能
功能4:随机出现灰太狼,小灰灰,拍打灰太狼得分,拍小灰灰失分,锅移动-拍打
功能三实现思路:jQ函数中包含jQ函数点击事件,暂停事件,淡出淡出效果
功能二实现思路:
开始按钮事件中调用进度条方法,定义进度条方法(包含一个默认定时器,一个判断条件)
出现bug解决不了了