百度：邀你同行，“旅行者号”AI大巴

2017-08-04 H5案例分享 H5案例分享

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

识别图中二维码

邀你同行，“旅行者号”AI大巴-查阅二维码

案例：邀你同行，“旅行者号”AI大巴

出品：百度

亮点：

策划上，长图类，先从两个小机器人中喜欢着一个你喜欢的小机器人，并给它起一个名字，而后点击“立即出发”，来到街道上，点击“黄色光点”前进，并在图中根据提示可获得各种各样的能力，最后找到“旅行者号”AI大巴，坐上大巴并填写个人信息即有机会去体验真正的“旅行者号”AI大巴。
设计上，插画风格，采用红色和蓝色作为作为主色调，主画面是一幅长图，里面的动画和小交互做的很细致。
技术上，长图滑动到指定的位置主要是采用jQuery.scrollTo(jQuery的滚动插件)来实现的。

技术实现： jQuery + jQuery.scrollTo(jQuery的滚动插件) + CreateJs

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

标签