这里总结了我的团队做过的手机小游戏,大部分都是微信相关的,首先简单介绍一下改工程的目录结构:
- common_folder:存放公共文件,包括音频、css、图片、js、less等
- contents_folder:小游戏主要代码
- plugin_demo:一些插件的demo示例,方便新人入手
- plugin_folder:所用到的插件,包括jQuery、bootstrap等
下面所列的所有小游戏都可以通过扫描二维码或点击链接在手机上预览
这是一个节日期间的摇一摇游戏,用到了HTML5提供的重力感应API,玩家通过摇一摇可以获取一个卡片,集齐一套卡片就可以兑换奖品,同时转发让好友助力可以获得额外摇一摇次数
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
主页面 | main.html | |
助力页 | share.html |
这是一个纯靠运气的游戏,玩家随机获得一张文字卡片,然后集齐一套包含指定文字的卡片,就可以兑换奖品,主要用到了random方法
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
首页 | index.html | |
主页面 | main.html | |
我的奖品页 | sign.html | |
助力页 | help.html |
这是一个增加用户粘性的游戏,用户每天都可以签到获得随机数量的"金钱",然后用户可以选择某件商品进行众筹,通过转发好友助力可以获得更多金钱,如果在活动时间内众筹到了指定数量的"金钱",玩家就可以获得该奖品,运气和人缘的双重考验!
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
首页 | index.html | |
主页面 | main.html | |
签到页 | sign.html | |
助力页 | help.html |
这是一个定制游戏,用于在欧洲杯期间让玩家竞猜比赛得分,玩家竞猜的结果越接近就越有机会获得奖品。
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
首页 | index.html | |
赛程展示 | battle_show.html | |
输入比分 | enter_score.html | |
结果展示 | has_guessed.html |
又是一个摇一摇游戏,玩家在指定时间内摇的次数越多,获得的砸金蛋的次数越多,越有可能获得大奖,同时该游戏分为移动端和PC端,PC端用来提示用户游戏的开始时间和公示奖励。
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
移动端 | mobile.html | |
PC端 | pc.html |
刮刮卡这种游戏在我们的童年时代就出现了,玩家通过刮卡有几率获得奖品,同时通过好友助力可以获得额外机会,简单粗暴的玩法,但是满满的童年回忆~
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
主页面 | main.html | |
助力页 | share.html |
这是一个节日相关的游戏,游戏整体设计风格欢快喜庆,玩家通过抢红包的方式可以获得奖励,同时还可以让好友助力棒抢,很适合节日期间推广!
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
首页 | index.html | |
主页面 | main.html | |
红包页 | sign.html | |
助力页 | help.html |
这是一个拆福袋的游戏,每位玩家都可以领取一个福袋,但需要好友助力才能拆开,从而获得其中的奖品,这个游戏的设计风格很好,而且用到了全屏翻页和手势的一些技术点。
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
主页面 | main.html | |
助力页 | share.html |
这是这个工程里难度最大的一个游戏,在规定时间内,玩家通过发射香蕉击中屏幕上方不同道具获得积分和其他类型的奖励,同时道具是随机出现的,有可能出现炸弹,如果玩家击中炸弹,游戏将直接结束
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
首页 | index.html | |
主页面 | main.html |
很经典的"大富翁"游戏,玩家通过掷骰子向前行进,通过转发的方式可获得更多的掷骰子机会,到达特定步数会获得相应奖励
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
首页 | index.html | |
主页面 | main.html | |
助力页 | help.html |
我们在商场门口也会经常见到这种转盘类的游戏,不同于线下的是,线上的转盘游戏可以人为的控制中奖概率,所以更容易做营销和推广。
页面(Page) | 链接(Link) | 二维码(QR Code) |
---|---|---|
主页面 | main.html | |
助力页 | share.html |