快牙：测测你是银魂里的谁
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分15秒
案例：测测你是银魂里的谁
出品：快牙
亮点：
- 策划上，测试类。Loading完毕，进入一段时长为7秒的视频，展示了银魂中的四个人物：坂田银时、志村新八、神乐、冲田总悟，以及神物伊丽莎白。视频结束后进入测试。
问题一：你最喜欢的喝水姿势是哪个？
问题二：出门后，发现门口有积水，不想沾湿鞋子，又懒得回家换，你会怎么做？
问题三：火车邻座上还一只大声吵闹，其父母不管，你会？
问题四：超市购物，你最喜欢的零食只剩下一袋，旁边还有让你想买，你会怎么办？
回答完毕后，显示测试结果（坂田银时、志村新八、神乐或者伊丽莎白），下放三个按钮，引导用户再次测试、分享或者进入领取礼物页面。领取礼物页面进一步引导用户进入快牙下载页。
- 设计上，漫画风格，页面主体以黑白灰为主，选项为静态的图片，点击后，变为彩色，同时出现声音以及动画效果，很魔性；问题之间的过渡页面由银魂的四个角色组成。
- 技术上，使用canvas实现点击选项后的动画特效。
- 体验上，页面漫画风格，点击后出现颜色、以及动作的变化，让人印象深刻。在分享显示结果的案例链接页中，点击“我也要测”按钮，无法跳转。
技术实现： Egret（白鹭引擎）+canvas+Tween.js
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
