中国旅游日X央视财经X腾讯地图：百万旅游人 [2022旅•遇]

2022-05-19 H5案例分享 H5案例分享

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

识别图中二维码

百万旅游人 [2022旅•遇]-查阅二维码

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

案例：百万旅游人 [2022旅•遇]

品牌：中国旅游日X央视财经X腾讯地图

技术实现： Vue.js + html2canvas + GSAP

亮点：

1.策划逻辑

疫情结束后，你想去哪里旅游，来制定旅游计划吧！

2.策划逻辑

用户有导游和游客两种身份可选，选择发型，着装，和配饰后，选择想去的城市，然后在图片显示模式中选择景点，生成旅行海报，海报包括形象和景点的合成图，作品累积使用人数，全国累计公里数，作品二维码和出品方。

3.交互上

手绘图，很简单的形象设计，用发型决定男女，然后选择服装。装饰品有所区别，导游的装饰里有扩音器，工作证，小旗子等物品，游客则是耳机，旅行箱，自拍杆等，符合现实。

4.音效上

轻松快乐的纯音乐，烘托对旅行的期待。

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

标签