素材牛

移动端口红机见缝插针纯前端小游戏

 所属分类:网页特效-游戏/抽奖

 浏览:314次-  下载:9次-  评论:3次-  发布时间:2019-03-12
移动端口红机见缝插针纯前端小游戏兼容IE9
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:某宝爆款的口红机、微信热门小游戏见缝插针,代码注释全,适合新手学习。

详细介绍

p>注:本地预览请用火狐浏览器模拟移动端,chrome本地预览存在跨域问题。


开始游戏需要触发的事件写在index.html的js就好了。
代码都有注释。
[0,口红数,速度,时间]在HardestGame.js的89行可以设置。
游戏成功通关的事件在index.js的88
游戏失败的事件在index.js的128行
有不懂的留言就行。

文件目录结构

  • css
    • ┝ game.css
  • ┝ data.json
  • img
    • ┝ 0.png
    • ┝ 1.png
    • ┝ 2.png
    • ┝ 3.png
    • ┝ 4.png
    • ┝ 5.png
    • ┝ 564baf8f8642183227de9c6910fccd6.jpg
    • ┝ 6.png
    • ┝ 7.png
    • ┝ 8.png
    • ┝ 9.png
    • ┝ bg.jpg
    • ┝ CircleCenter_1.png
    • ┝ CircleCenter_1_split_left.png
    • ┝ CircleCenter_1_split_right.png
    • ┝ CircleCenter_2.png
    • ┝ CircleCenter_2_split_left.png
    • ┝ CircleCenter_2_split_right.png
    • ┝ CircleCenter_3.png
    • ┝ CircleCenter_3_split_left.png
    • ┝ CircleCenter_3_split_right.png
    • ┝ game_over.png
    • ┝ level_1_main.jpg
    • ┝ level_2_main.png
    • ┝ level_2_mains.jpg
    • ┝ level_3.png
    • ┝ level_3_mains.jpg
    • ┝ level_icon_1_active.png
    • ┝ level_icon_2.png
    • ┝ level_icon_2_active.png
    • ┝ level_icon_3.png
    • ┝ level_icon_3_active.png
    • ┝ Lipstick_1.png
    • ┝ Lipstick_2.png
    • ┝ Lipstick_3.png
    • ┝ Sword_small_1.png
    • ┝ Sword_small_1_gray.png
    • ┝ Sword_small_2.png
    • ┝ Sword_small_2_gray.png
    • ┝ Sword_small_3.png
    • ┝ Sword_small_3_gray.png
    • ┝ timebox_bg.png
  • ┝ index.html
  • js
    • ┝ bodymovin.js
    • ┝ HardestGame.js
    • ┝ index.js
    • ┝ JicemoonMobileTouch.js
    • ┝ jquery-3.3.1.min.js
    • ┝ jquery.cookie.js
    • ┝ jweixin-1.3.2.js
  • ┝ play.html

讨论这个素材(3)回答他人问题或分享使用心得会奖励牛币

tcdiju
2019年03月13日
溜溜没
2019年03月16日

666,什么技术的?

回复
admin888
2019年05月16日

nice我喜欢前端

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:9
所需牛币:10 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证