麦咭TV：麦咭点球大战

2022-11-29 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

麦咭点球大战-查阅二维码

完整欣赏此案例大约需要2分40秒

案例：麦咭点球大战

品牌：麦咭TV

技术实现： html5

亮点：

世界杯正在如火如荼的进行中，你是不是也想来两球过过瘾？麦咭公仔当守门员，用户踢球，感受进球的快乐，每满五个进球即可获得一次抽奖机会。

初始页是麦咭球赛海报，点击查看规则后，开始挑战，滑动草坪可以调整视角，左方有蓄力条，拉球调整角度射门即可，守门员会随着你的射门角度变化做预备位置调整，一天20球，会员可多获得50球，上方有进球计数，和抽奖机会计数。进球机会用完后，会出现欢迎下载APP的提示，用户关闭提示，根据进球次数参与抽奖。

三维立体的绿茵球场，嫩黄色的麦咭公仔，颜色鲜嫩可爱。

进球后会有欢呼声，增加沉浸感，麦咭公仔移动速度较慢，进球不是很困难，也可以利用麦咭的预备角度做假动作，把球对准左边，然后突然对着右边发射，可增加进球率。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签