iH5这样的零代码H5页面制作工具，初衷其实是想让HTML5这项技术被更多的人使用，造福大众。即使你不懂代码whatsapp网页版，也能用iH5这样的工具制作出酷炫的H5交互广告，效果不比开发差。
然而，渐渐地我们发现，普通的H5工具严重局限了你的想象力，你只能在现有功能的基础上进行H5的“制作”。H5工具功能越少，越封闭，越满足不了你天马行空的想象力。
为了解决这个问题，iH5 3.0新版本应运而生！
现在我们开放内测已经一个多月了，这段期间有用户私信我们他们的意见，让人非常感动；甚至还有很多用户用新工具做出一些优质的H5案例。
为什么说iH5 3.0能让你真真正正地进行创作呢？
看看这些用新工具做的H5whatsapp官网，你就会明白——飞翔的小鸟，内含支付宝口令包
BY：默毅品牌设计
链接：
http://vt.ih5.cn/v3/idea/5926e96e4432cf2ed2365c71
（请将链接复制到微信打开）
应用特色：
H5从效果上可以用“缓动”组件控制小鸟飞上飞下——正好是iH5官网的模板《Flappy Bird》（当前售价19元）。但是，你用物理引擎实现不仅能节省50%以上的时间，还能让做出来的游戏更加逼真。
改版优势：
新版物理引擎功能和性能都大大改良，案例流畅度十分感人。“画布”下面放个“物理世界”，图片下放个“物体”，设置一下阻尼、角速度、水平 / 垂直重力什么的，就能模拟出真实环境中的重力、弹力、摩擦力、碰撞效果，简直不能更6了！
五一''脑洞''节
BY：江.txt
链接：
http://bb5ecf9e126c.vt.iamh5.cn/v3/idea/8e8Gxqe
（请将链接复制到微信打开）
应用特色：
这个H5从效果上就是去年天猫首创的“一镜到底”，与众不同的是，这次设计师将画面的焦点都聚集在屏幕中间的“脑洞”里，你在上下滑时，能强烈地感受到前后层次缩放的空间视觉感呢。
改版优势：
新版的全景功能在性能上有了很大的优化，即使全景素材体量大，体验也十分流畅，0卡顿不是开玩笑！
此外，新版的全景引入了便民玩法，做全景只要1分钟——
画图比赛
BY：iH5
链接：
http://vt.ih5.cn/v3/idea/593524164432cf2ed237c680
（请将链接复制到微信打开）
应用特色：
这个H5从效果上可以用“画图”组件模拟画笔，当你触碰手机屏幕时，画笔能根据你的手指移动轨迹描绘出相应的图像。特别地，画图工具只能添加在画布下，利用画布的打印功能，你就可以Show出你的杰作啦！
改版优势：
画图的玩法跟旧版类似，但新增了两个新插件——
仿明星签名？鬼畜涂鸦？你都能在这里玩儿！
iH5营销宝典
BY：iH5
链接：
http://1cd1463f0f91.vt.iamh5.cn/v3/idea/ar6ZzEV
（请将链接复制到微信打开）
应用特色：
它有分类标签和可下滑刷新的列表，又有以假乱真的分类频道，你能在这里看到实时更新的行业优质H5，这居然不是个APPtelegram中文版，而是个H5？！
其实它是用了相对定位容器（Flex），严格按照版式自动排版的H5页面，前前后后所耗时间不过半天，想做高大上的个人主页/博客吗？用Flex啊！
改版优势：
相对定位容器是3.0新增的功能，也是我们力推的功能。“相对定位容器”下面放个“伸缩数据单元”，然后把图片、文本进去，调整位置、内/外边距和更新行数之类的，就能自动批量生成N个规格一模一样的内容啦。
SVG
BY：iH5
链接：
http://2ac75eb5808a.vt.iamh5.cn/v3/idea/jPYhk5VS
（请将链接复制到微信打开）
应用特色：
这个H5效果上可以用“SVG”组件实现，你每点击一次，图形A就拆散变形为图形B，酷炫！除了这种形式，它还能玩更为酷炫的“一笔画到底”，比如你能看到画面中会出现很多线条，慢慢描绘出完整的图形，效果更酷！
改版优势：
作为3.0新推出的功能之一，SVG充当着视觉大杀器的角色，只要在编辑区域内拖出一块区域，上传N个SVG矢量路径图，就能快速生成酷炫的矢量路径动画。
假如你打开了“描绘出现”、“擦拭消失”，此时SVG就会变成描绘型的效果，色块变换or线条描绘？由你而定。
杀死成都人的孤独
BY：有的工作室
链接：
http://a8060ad771d5.vt.iamh5.cn/v3/idea/Vd_D8WI
（请将链接复制到微信打开）
应用特色：
它可能让你记起清明节那场叫“此处故意留白”的大戏，也可能让你想到百雀羚前些天火爆的一镜长图。这种滑动长页面在今年非常流行，以同步滑动行为的音效、动效为亮点，有利于营造沉浸式体验。
改版优势：
画重点的时间到了，虽然现在时间轴 / 滑动时间轴的功能和之前差不多，但用法有了很大改变——也比以前快得多。
iH5杀手级新产品体验！
BY：iH5
链接：
http://465048564698.vt.iamh5.cn/v3/idea/2HzgUe9
（请将链接复制到微信打开）
应用特色：
你肯定猜不到，做这个H5我们只花了一天的时间……H5发布前一天BOSS老孟提出这个测试题的idea，发动全公司的人一起出题，然后第二天我们就趁热打铁用3.0做出这个内测H5——就是这么任性！
这些题目都是随机从两个题库（文字题、图片题）抽的，邀请码的发放也是完全自动化的——只要你答对10题，就会实时抽出后台还没被领取的邀请码。
改版优势：
良心亲测，新的数据库真的太好用了！首先，编辑后台就可以直观看到数据；其次，结合新的事件机制，分分钟就能做各种赋值和数据运算。
匿名聊天室
BY：iH5模板（免费）
链接：
http://2ac75eb5808a.vt.iamh5.cn/v3/idea/BytFmUvt
（请将链接复制到微信打开）
应用特色：
你在电脑打开××培训网站，经常会弹出一个客服窗口，然后就有一个什么老师跳出来问你需要什么——这就是实时通信，也是新版这个叫“连接”的新功能。你可以用它做这两年炒得非常火热的“朋友印象”——转发到朋友圈，让你的好友进入一对一聊天室，就能唠起来。
改版优势：
“连接”其实就是HTML5标准传说中的Web Socket，可以实现双向通信。过去和这个功能最像的组件是“屏幕”，可以利用扫描二维码完成跨屏互动。而连接最大的特点就是快，人越多通信效率越高。
捕鱼达人
BY：iH5
链接：
http://1cd1463f0f91.vt.iamh5.cn/v3/idea/Yc0mKUJ
（请将链接复制到微信打开）
（鉴于图片素材非原创，案例没有发布）
改版优势：
代码的好处还需多说吗？就是当你发现工具实现不了某个功能的时候，还能补锅啊！原则很简单：代码能不写就不写，实在要写也得省时、省力、省心地写。
iH5 3.0新工具新增开发组件：
我们还想告诉你，关于iH5 3.0新工具的一些变化
1. iH5 3.0 带来全新的编辑界面——全新的UI，设计与国际接轨；界面简洁清爽，内容显示灵活。
2. iH5 3.0进行功能组件的全面优化，改进动画、数据、动作等交互逻辑。最关键的“事件”机制进行了重设计，引入很多高级的运算方法，比如：
3. iH5 3.0有完善的工具使用指导，包括免费的教学视频和使用手册。其中使用手册包括工具手册、开发者文档、小模块手册、老用户迅速上手技巧等等，未来还会开放问答论坛。
最后，新工具上线，发放一个重大福利！
16个新工具模板今天同步上线！推出上线惊喜价！
1. 3个新工具优质付费模板上线，惊喜价： 29元、49元！
2. 13个新工具复现模板，限时免费下载！！！
新模板的右上角都有专属logo 3.0！快去官网iH5.cn找到它们，并收入囊中吧！！
版权声明
本文仅代表作者观点，不代表百度立场。
本文系作者授权百度百家发表，未经许可，不得转载。
