h5小游戏 记忆翻牌拼手速

作者: haibao 分类: 案例 发布时间: 2018-03-01 13:14
我每天都自问: ‘如果今天是我生命的最后一天, 我还会做今天打算做的事情吗?’——史蒂夫.乔布斯

此项目是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小游戏 记忆翻牌拼手速],如没有标注转载,均为原创,转载请保留出处和链接,欢迎分享 谢谢。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

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

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>