遇到哪些事儿之—百事挑赞

百事可乐,百事挑赞

针对现时尚年轻人喜欢玩的创意,与明星挑赞的互动,landingpage

大家对HTML5,新标签canvas,并不陌生,自从新的定义一出来,大家都从flash时代转向html5时代,而对我们来说也如此,哪些能解决当下的问题,就选择当下的技术,去试验,实用,以及优化,再迭代
在互动行业,所认知的技术就是比较与游戏有点类似,又有区别,这里就不在讨论,
flash做动画世人皆知,而且flash依靠as3+flashplayer舞台展现给大家,但是最终adobe没能把fp,移到ios端,变想升级了adobe cc导出html5的素材资源与脚本
w3c推出新定义 ,html5标签的canvas,也解决了手机端这个痛点

手机端

  • 手机端是解决了,但接下来就是手机不只一种系统,有android,ios,主流的,其他先暂时不去讨论
  • android有低版本,对于是否支持webgl,这是一个痛点
  • 对于当时我手机还是ip4的时候,系统还有ios7系统的就不支持webl
  • 官方更新ios8版本才支持

概述下webgl

他与早期flash时代开发,所用的gpu类似,硬件加速,那怎么加速呢?依靠借用显卡内存,玩过flash的人都知道,3d,2.5d,要达到fps40以上,所需要考虑的

互动展示


手机端有陀螺仪,平衡仪功能

动画渲染,在各种版本之间切换,是否使用webgl,canvas渲染

还好html5也添了一个video标签


还有声音标签

神奇吗?一张图搞定所有动画素材,这技术是游戏的技巧,07年那时就发现了,一个偶然看某游戏的制作,后来,门户网站,垂直网站基本用一张合集图,纯手动在样式上描位置,就那css样式上background-position

那时可没有软件供你布局导出,还带json文件,里面描述位置xy

ps:我通常用的是texturemerger,来合图