淘宝造物节

2017-08-06
案例:飞越淘宝奇市
出品:淘宝
亮点:
创意上,淘宝造物节主题之“飞越淘宝奇市”,通过一支风筝穿越的时空的方式,进行展现造物节的丰富。
策划上,利用交互动画+3D建模视频来完成,一共四个场景,每个场景串场动画为一只风筝穿梭于五彩斑斓的时光隧道,利用重力感应+ThreeJS来完成交互,然后播放东、西、南、北四个方位进入的3D视角视频。
技术上,介绍两款里面用到的工具: ① 3D工具:http://www.mootools.com/plugins/us/ ;② GreenSock(H5插件):https://greensock.com/。视频参数:4个视频,尺寸:750*1334,大小(东市视频:19.9M;西市视频:19.5M;南市视频:19.9M;北街视频:19.9M)。
 
 
技术实现: JavaScript+3D+Video

案例:飞越淘宝奇市

出品:淘宝

亮点:

  1. 创意上,淘宝造物节主题之“飞越淘宝奇市”,通过一支风筝穿越的时空的方式,进行展现造物节的丰富。
  2. 策划上,利用交互动画+3D建模视频来完成,一共四个场景,每个场景串场动画为一只风筝穿梭于五彩斑斓的时光隧道,利用重力感应+ThreeJS来完成交互,然后播放东、西、南、北四个方位进入的3D视角视频。
  3. 技术上,介绍两款里面用到的工具: ① 3D工具:http://www.mootools.com/plugins/us/ ;② GreenSock(H5插件):https://greensock.com/。视频参数:4个视频,尺寸:750*1334,大小(东市视频:19.9M;西市视频:19.5M;南市视频:19.9M;北街视频:19.9M)。

 

技术实现: JavaScript+3D+Video

 

 

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

识别图中二维码

 

—END—

 

*本网站所收集的部分公开资料来源互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其针对性,也不构成其他任何意见。其中部分作品为本公司自己作品案例,如需转载,请联系我们。如果您发现网站上有侵犯您的知识产权作品,也请与我们取得联系,我们会及时修改或删除。