新东方：开学了！宫门纳新

2020-02-22 H5案例分享 H5案例分享

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

识别图中二维码

开学了！宫门纳新-查阅二维码

完整欣赏此案例大约需要3分30秒

案例：开学了！宫门纳新

品牌：新东方

技术实现： html5

亮点：

新东方出品的知识测试类型的作品，答对五题即可生成福签海报，还可登录新东方微信公众号了解更多内容。

一小段皇上在故宫散步的导入动画后，点击开始答题，每道题前面有一小段导入动画，题目从动画内容中延伸出来，在答题界面的四个答案中选择，正确的话可继续下一题或分享作品，答错则游戏终止，可分享题目给好友求助，连续答对五题，即可生成福签海报，海报界面可扫描二维码重新答题，或点击链接登录公众号。

每次打开题目会略有不同，涉及范围较广，包括了中英文互译，数学计算，逻辑思考，文化认知等，有一定难度，开头和中间的动画是宫廷风格，语言也是半古文半白话文，颇有“甄嬛体”的感觉，所有动画均不可跳过。

答题过程中是没有提示或帮助的，是一个比较考验知识面的作品哦！

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

标签