淘票票：中秋，你离家有多远？

2018-09-24 H5案例分享 H5案例分享

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

识别图中二维码

中秋，你离家有多远？-查阅二维码

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

案例：中秋，你离家有多远？

出品：淘票票

亮点：

策划上，以“中秋，你离家有多远？”为主题，首先输入你所在的城市和家所在的城市，开启回家之旅；而后进入家门，看到在小院里等你很久已经睡着的爸爸，点击屏幕帮爸爸盖毯子，进入屋子，看到妈妈正在擦桌子，点击屏幕帮妈妈擦桌子，下面是一家人团坐桌旁，一起吃饭，点击画面，给爸爸妈妈分月饼，家人一起去电影院，给爸爸妈妈买电影票。最后输入昵称，生成你工作地到家的距离，爸爸妈妈送别你上火车的海报。
设计上，卡通漫画风格。
技术上，输入你所在的城市和家所在的城市，计算距离由后台给出数据，要求城市须是地级城市以上。

技术实现： javascript

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

标签