知识共享许可协议

全息机器人项目的技术方案选型过程

前段时间上线了全息机器人项目,线上访问可直接在手机百度 APP 中语音搜索 百度神灯 即可(请在wifi环境下访问)。项目部分截图如下:

通过部分截图可以看出,这个项目主要是两部分,一部分正常的动画引导页面(前四个截图所示),另外一部分是全息播放页面(最后一个截图所示)。其中动画引导页面共有十一个,全息播放页面有四个,进入每个全息页面前都会一些动画引导的页面。

这篇文章主要从 方案制定遇到的问题以及应对方法 等方面来对项目中这两部分做一个介绍。

正常动画部分

方案制定

在没有老旧 IE 的情况下,做动画的选择是比较多的,SVGCSS3CANVAS 等等。最开始拿到这个项目的时候,结合这三种各自的特点,最终选择了主要动画由 CANVAS 来实现,具体原因如下:

阅读全部