「佛山市高一亿不锈钢板厂家」 单机游戏 H5制作工具评测 | 典型H5、核心操作和成本

H5制作工具评测 | 典型H5、核心操作和成本

微信小程序的诞生,把H5推上舆论风口浪尖,同时普及了H5成为互联网新一代APP的实力和潜力。“H5不是做营销的?”问这个问题的人越来越少。“H5还可以做什么?”回答这个问题的人越来越多。这次推荐的网站比较特别,它是H5,它也生产H5——一、体验环境

  微信小程序的诞生,把H5推上舆论风口浪尖,同时普及了H5成为互联网新一代APP的实力和潜力。

  “H5不是做营销的?”问这个问题的人越来越少。

  “H5还可以做什么?”回答这个问题的人越来越多。

  这次推荐的网站比较特别,它是H5,它也生产H5——

  一、体验环境

  体验案例:www.ih5.cn

  评测时间:16年9月

  浏览器:Google Chrome 53(PC端)

  二、网站介绍

  产品定位:专业的H5创作工具与服务平台

  网站结构:

  三、特色案例体验与解析

  (1)720°全景:ZERO TO ONE(by 小漾互动)

  以上是行内大名鼎鼎的720°全景VR淘宝造物节H5——《ZAO》——的翻版,主要使用iH5的全景相关组件实现。

  (2)交互视频:7.19 魅族 MX6 这样玩陌陌真的好吗(by 大蛇)

  最近特别火用一个视频撑起整个H5,比如魅族这个交互视频,利用iH5的视频组件,结合事件进行控制(视频一般用AE之类的第三方软件制作)。

  (3)交互动画:顺丰同城“即刻送”(by 小牙)

  顺丰御用动画设计师的大作,主要用的是iH5的时间轴组件,结合事件进行控制,比较考验H5的动效设计。

  (4)连续动画:想家就出发,爱从无界限!(by 悟脚叔叔)

  这个是业内常用的伪视频,看起来是视频,其实是通过在H5中上传图片压缩包(gif或zip)来播放图片动画,主要使用iH5的图片序列组件。

  (5)重力感应游戏:百事·夺罐就现在(by 迪智特营销)

  百事可乐的一个H5迷宫游戏,利用重力感应让小球在迷宫中游走,主要使用iH5的物理引擎相关组件实现。

  (6)跨屏互动:来一斤母爱(by 李小豆)

  这个H5得特别有诚意,通过两个手机之间的互动,连接两个人,主要使用iH5的屏幕组件和二维码,结合事件控制。

  (7)画图互动:画出属于你的夏日座驾(by 悟脚叔叔)

  画小人,你可能会想到361°或者网易里约奥运会的洪荒小人,不过这个H5是汽车品牌的广告,主要用到iH5的画图和时间轴。

  (8)轻应用:拿起手机-拍下万达(by 晓舒)

  万达这个摄影大赛的H5微官网表面看上去简单,实际上相当于一个轻应用了,因为涉及图片上传、分页输出、内容显示等考验逻辑能力的数据处理,主要使用iH5的数据库相关组件。

  (9)PC网站:这个真的炸到我了|WE ARE THE NIGHT(by wingz)

  PC网站实际上用到的是iH5的图片、中文字体等多媒体组件,其实做起来反而简单,而是对设计功底的要求比较高。

  四、其他差异化功能

  ·地理定位:支持获取玩家位置。

  ·语音识别:支持识别玩家录音内容。

  ·付费点:支持通过微信向玩家收取费用。

  ·微信红包:支持用微信派红包。

  ·设备:支持不同设备的自适应方案。

  ·多媒体控制:支持玩家控制gif、音视频播放与否、快慢、起始等。

  ·运动:支持物理运动轨迹的模拟。

  ·psd上传:支持psd的上传。

  ·画布遮罩:支持不同类型的遮罩层。

  ·文本匹配:支持不同文本的匹配判断。

  ·外链:支持网页、音视频、图片、文件等外链。

  ·文件上传:支持所有格式文件的上传。

  ·文件下载:支持玩家下载上传的文件。

  ……

  五、淘宝造物节《ZAO》教程

  以下教程摘自《一不小心,做出淘宝花了30万的720°VR全景H5…》(原文有所删改),主要是用iH5制作淘宝造物节H5的教程(注:《ZAO》原为开发案例,VML上海出品)。

  (1)准备全景素材

  A、1张首尾相连的全景图当背景,宽度最大;

  B、3张用于堆叠在背景上的物件图(PNG格式),保证越接近背景层的图片,宽度越大(但不能大于背景)。

  (2)用Photoshop切图

  A、用切片工具,把4张图片分别均等切成N份(此处为20份,N越大,3D效果越平滑);

  B、4张图分别“存储为Web所用格式”,格式选择PNG,用来导出切片。

  (3)用iH5做全景交互

  A、在工具栏点击“全景容器”组件,新建容器;

  B、选中对象树中的全景容器,连续点击4次“全景背景组”组件,为全景容器新建4个组;

  C、选中对象树中的全景背景组1,把切好的N份背景层切片从桌面拖到编辑器中,后面前景层以此类推。

  以下是拖完图,在编辑器中调整水平转角、垂直仰角、观察点大小的动态效果:

  六、制作成本

  根据iH5官网公告(http://abc17ac01108.ih5.cn/idea/8kNLzsA),该平台的免费服务和增值服务主要面向以下四类用户:

  1、个人注册用户

  (1)可以免费使用所有工具组件

  (2)可以下载免费模板、观看或下载教学视频

  (3)拥有作品数据统计、咨询工具问题等基础服务

  2、认证设计师

  (1)可以给企业账号发送作品(即H5账号主体的转移)

  (2)每月免费获得4,000次无广告播放服务

  (3)会优先获取企业定制的需求

  3、商业投放号

  (1)可以购买无广告播放次数

  (2)可以接收认证设计师的作品

  (3)账号只用于投放H5,不具备作品编辑权限

  4、商业套餐号

  (1)拥有红包接口、外部数据接入、自定义域名、高级数据统计等专属服务

  (2)可以购买无广告播放次数

  (3)可以免费下载模板中心所有模板

  (4)可以设立多个子账号

  (5)享有一对一技术咨

单职业传奇私服询以及专享的线下培训班服务

  总的来说,iH5在多媒体文件的支持与控制、数据结构的设计、微信应用的支持上,差异化功能比较丰富,这一点最难得。

  如果你对工具的专业要求比较高,可能会更青睐iH5这样的平台。

本文来自网络,不代表「佛山市高一亿不锈钢板厂家」立场,转载请注明出处。

作者: zhaosf

广告位

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

联系我们

合作QQ3779203

在线咨询: QQ交谈

邮箱: [email protected]

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部