百度大脑:纸上马里嗷

2019-01-11 H5案例分享 H5案例分享
百度大脑:纸上马里嗷


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

识别图中二维码

纸上马里嗷-查阅二维码

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


案例:纸上马里嗷

出品:百度大脑

亮点:

 

  1. 创意定位

百度大脑推出的计时冒险挑战的H5游戏作品,用户在线选择冒险地图后开始挑战,可反复挑战,也可以自己绘制冒险图纸上传和查看排行榜。

 

  1. 策划逻辑

小人儿奔跑的加载界面后过后,有大致三个阶段①图纸选择。用户选择冒险图纸,每个图纸下面会显示该图纸的编号,被挑战次数和挑战者中的最短完成时间,用户可以选择”换一张”或者“我要挑战”。②挑战阶段。用户在挑战前可以看到放大后的图纸,然后开始挑战,点击屏幕上的左键,右键和上键让小人克服障碍前进,失败后可以重来。③图纸上传。挑战后,用户可以根据元素提示图绘制自己的挑战图纸并且上传,在加载界面结束后或者挑战结束后都可以查看自己的成绩和排行榜。

 

  1. 设计上

经典的马里奥游戏的简单版本,小人儿通过前进后退和跳跃克服关卡,是一款以游戏为媒介,用户与用户互相挑战互动的游戏,小人儿是我们熟悉的火柴人形象,障碍也是简单的线条,基本上每个用户都有绘制能力。

 

  1. 体验上

玩过马里奥游戏的用户会掌握的快一些,对于新手的话还是有难度的,界面简单可爱,创新形式的自己绘制障碍地图让别人挑战,感觉还挺新颖有趣的。



技术实现: HTML5



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

印象笔记:你的大脑鉴定图掉了出来

阿芙:阿芙神秘新年礼,开启好运2018!

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~