微信小程序的诞生，把H5推上风口浪尖，同时普及了H5成为互联网新一代APP的实力和潜力。
以上是行内大名鼎鼎的720全景VR淘宝造物节H5——《ZAO》——的翻版，主要使用iH5的全景相关组件实现。
最近特别火用一个视频撑起整个H5，比如魅族这个交互视频，利用iH5的视频组件，结合事件进行控制（视频一般用AE之类的第三方软件制作）。
顺丰御用动画设计师的大作，主要用的是iH5的时间轴组件，结合事件进行控制，比较H5的动效设计。
这个是业内常用的伪视频，看起来是视频，其实是通过在H5中上传图片压缩包（gif或zip）来播放图片动画，主要使用iH5的图片序列组件。
百事可乐的一个H5迷宫游戏，利用重力让小球在迷宫中游走，主要使用iH5的物理引擎相关组件实现。
这个H5得特别有诚意，通过两个手机之间的互动，连接两个人，主要使用iH5的屏幕组件和二维码，结合事件控制。
画，你可能会想到361或者网易里约奥运会的洪荒，不过这个H5是汽车品牌的广告，主要用到iH5的画图和时间轴。
万达这个摄影大赛的H5微官网表面看上去简单，实际上相当于一个轻应用了，因为涉及图片上传、分页输出、内容显示等逻辑能力的数据处理，主要使用iH5的数据库相关组件。
PC网站实际上用到的是iH5的图片、中文字体等多组件，其实做起来反而简单，而是对设计功底的要求比较高。
以下教程摘自《一不小心，做出淘宝花了30万的720VR全景H5…》（原文有所删改），主要是用iH5制作淘宝造物节H5的教程（注：《ZAO》原为开发案例，VML上海出品）。
B、3张用于堆叠在背景上的物件图（PNG格式），越接近背景层的图片，宽度越大（但不能大于背景）。
C、选中对象树中的全景背景组1，把切好的N份背景层切片从桌面拖到编辑器中，后面前景层以此类推。
总的来说，iH5在多文件的支持与控制、数据结构的设计、微信应用的支持上，差异化功能比较丰富，这一点最难得。魏优旃
删除。
网友评论 ()条 查看