TOKYO 2020 X Tencent腾讯：测测你的奥运角色

2021-07-28 H5案例分享 H5案例分享

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

识别图中二维码

测测你的奥运角色-查阅二维码

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

案例：测测你的奥运角色

品牌：TOKYO 2020 X Tencent腾讯

技术实现： html5

亮点：

腾讯新闻推出奥运专题版块，用户在作品中开启东京之旅，参与互动游戏，回答兴趣问题，生成运动员身份海报，测试自己的运动员潜质，吸引用户关注奥运会，登陆腾讯查看更多相关内容。

长幅分格漫画，打开作品后画面缓缓向上移动，内容依次展开，用户坐上飞机前往东京，登机后，选择一个喜欢的窗外风景，抵达东京，选择景点，参与传递火炬的互动游戏，选择一种饮料购买，参与跳格子游戏，选择场景感受，参与接五环游戏，选择一个大门进入会场，作品结束，生成海报，包括用户的运动员身份和相关潜质分析。

日本漫画的风格，人物精致，画面风格清新，多种互动与问答结合。奥运会的经典元素，传递火炬和接五环游戏呼应主题，带领用户进入奥运氛围，即是测试，也是一场东京之旅，奥运之旅。

调性轻快的背景音乐，各种场景出现时也有相应音效，烟花绽放，人群欢呼，街头熙攘，游戏时也有经典的BGM和怀旧特效音，让作品玩起来体验丰富，每一环都有新鲜感。

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

标签