当前位置: 首页 » 案例分享 » h5小游戏 记忆翻牌拼手速
 |  全屏浏览  |  字号调整:

h5小游戏 记忆翻牌拼手速

2018-03-01 13:14:13 案例分享 0 551 百度已收录
历史上的今天:10月20日 - 1962年,中印边境自卫反击战爆发

周六下午好, 本文除去代码部分,共437个字,预计阅读时间需要2分钟。

此项目是2016年做的demo,适用于移动端活动,跟后端交互的逻辑和JSSDK分享逻辑已经去掉。

该版本目前只有zepto(2016年 未优化的)和Vue 2版本(2018年3月 练手的)。

Github地址:https://github.com/hehaibao/flop-game

效果预览:

preview.gif

在线演示(请用手机模式哦):

https://hehaibao.github.io/flop-game/version-for-zepto/index.html

zepto版 二维码:

游戏玩法说明

1 填写手机号;
2 在规定时间内,记忆牌面内容及位置;
3 游戏中,点击任意两张卡牌,若相同则可以翻开,规定时间内全部配对成功即可过关;
4 顺利过关可以获得一次抽奖机会,失败则可以关闭或者再玩一次;

Vue版预览请自行到GitHub下载运行,npm run dev 访问 http://localhost:8080/#/

如需使用,请遵循 MIT 协议。

本篇完,如果小demo对您有帮助,请在GitHub上给个star,谢谢。

本文标题:h5小游戏 记忆翻牌拼手速

本文地址:http://www.hehaibao.com/flop-game/

版权声明:本博客所有文章除特别声明外,均采用 署名-非商业性使用-禁止演绎 4.0 国际 许可协议。请尊重他人的劳动成果!


发表评论

电子邮件地址不会被公开。 必填项已用*标注