网易新闻|哒哒：睡姿大比拼

2018-04-12 H5案例分享 H5案例分享

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

识别图中二维码

睡姿大比拼-查阅二维码

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

案例：睡姿大比拼

出品：网易新闻|哒哒

亮点：

策划上，DIY海报生成类。Loading完毕，点击“开始”按钮，进入游戏。H5将卧室和人的设置分成7组，用户操控下方的七个按钮，可选择性别、睡姿、衣服、表情、发型、卧室类型以及其他小物件等，完成后点击“保存”按钮，可生成一张图片，长按保存。网易新闻|哒哒在H5的页面有多处显示，王三三形象在该H5中也有设计，品牌露出很多。
设计上，卡通漫画风格，场景以及物品的设计很细致；每组设置均有多个类型，选择搭配由用户自行设计完成，满足用户的各种想象，增强了用户的存在感。
交互上，点击+拖动调整物品的位置+拖动调整人物的姿势。
体验上，作为一个朋友圈刷屏H5，小五觉得它有以下两个亮点：第一，属于佛系游戏，适合社会上浩大的“佛系”群众，不用升级打怪，随心设计；第二，给用户提供了平台，满足了小伙伴的各种想象，不要问我为什么，看看你的朋友圈就知道了...

技术实现： jQuery+zepto+scroll

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

标签