H5页面制作必备工具大全
现在正是火热发展的阶段，靠着富媒体展现和新颖的互动，在短短2年时间里快速走进我们的日常生活，成为移动端营销利器，然而开发一个的成本很高，于是有很多人都开发了H5工具，今天就总结一些常见的、好用的H5工具分享给大家。
傻瓜式工具
目前比较方便的傻瓜式基本都是应用于手机端的，目前暂时还没有什么PC端的产品。
IEBOOK:超级h5是微信h5页面，微信邀请函，微场景制作，微杂志的专业制作工具平台,也是被使用最多的H5页面生成工具，让您轻松制作炫酷的跨屏移动展示，让您交互营销更成功。一个完全免费的H5
页面制作工具可以轻松制作炫酷的跨屏移动展示保证手机、平板、电脑体验的一致性。
MAKA：最大的优点是较方便，第一次用基本就可以制作出80分营销页，并且MAKA的动画效果很多，可以满足大部分人的需求。其缺点就是完全不支持二次动画（一个页面内让同一元素先后完成两个动作），适合对H5动画效果要求不高的场景使用。
易企秀：与MAKA并列的产品，使用的人也非常的多，缺点就是太缺钱了，很多功能需要付费后才可以使用。
初页：做的比较好的是H5海报，最早也只有海报，后来搞了H5营销页生成。如果比较有钱可以让他们做个性化定制。
兔展：基本和MAKA差不多，主要是提供的模板和素材各有千秋。
快站：搜狐是传统互联网公司之中唯一看重H5的，大部分大公司没有这类产品，
其功能应该是傻瓜式中最强大的，支持表单录入等，麻烦的地方是搜狐快站是需要审核才可以发布的，估计之前有人利用他们的产品做过什么坏事，现在加审核流程，好在一般审核还是很快的，并且审核通过会有短信提醒。
以上说的都是傻瓜式工具，基本上没有什么设计功底，不会改代码也可以做出很好看的页面。
进阶式工具
下面给大家说下进阶工具，这类工具一般需要一定的设计功底和编程基础，至少HTML代码你需要可以看懂，否则用起来很吃力。
Epub360：功能强大的 H5
工具，可以制作移动端页面与PC端页面，目前Epub360是按账户等级提供功能的，账户等级越高，功能提供的越多。
Vxplo：这个工具最早只有英文版，目前也开始提供中文版了。最大的特点就是可以提供一些稀奇古怪的功能，不知道是不是按照外国人营销的喜好开发的。很多功能也需要付费才可以使用，而且定价应该是按欧美标准定的，稍微有点贵。
数英-项目-移动：这里收集了很多大公司，大品牌的成功案例，质量佳，附带项目设计方，可投稿。
H5说：作品质量很高，基本上每天会更新一个案例，提供最新和最热两个榜单！
Epub360官网精选：作品质量佳，里面的“特效”用Epub360可轻松实现，可找到设计方。作品被加精三次，自动入选推荐设计师/机构板块。
基本上每个工具平台都会有自己的案例精选，大家使用之前可以先看看案例，了解下别人怎么用的，制作出什么效果，刚开始以模仿为主即可。
正所谓设计师和美工的区别是一个有思想，一个没思想，所以下面也放上两个偏数字营销的学习平台供亲们参考学习。
数英：大中华区权威数字媒体及职业招聘社交平台，内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域。
TOPYS：全球顶尖创意分享，这里面有很多国外案例，想法都非常棒，值得国人好好学习。
补充：营销策划其实更应该看
SocialBeta、36Kr、品途网、职业经理人分享什么的。另外有篇文章《品牌 H5
营销完全实战指南》推荐大家好好读读。
站酷网：国内最具人气的设计师互动平台，大量免费优质素材，但切记不要使用有版权的图片，免得最后被人喷了就不好了。
昵图网：原创素材共享平台，基本上百度搜素材，呈现最多的就是昵图网了，虽然有些素材质量不高，但是很丰富！
500px：最出色的摄影社区
Unsplash、Little Visuals、Superfamous
Studios：免费高品质的照片网站
爱给网：免费的游戏素材网站，其中的音效库那是相当的不错。
点点网：国内最早的轻博客，虽然官方停止了运营，但是上面的音乐达人还在，搜索“音乐”、“电音”等相关标签易找到惊艳音乐。如果不想只发一些陈奕迅，五月天之类的，可以到这里找一些音乐素材。
因为H5作品主要是在移动端呈现，考虑到用户手机性能、网速等原因，除了动效不要过于复杂，作品本身素材的优化也很重要，下面分享一些素材压缩工具。
图片压缩工具
tinypng：一个在线压缩图片的神站，我身边的人大部分都用这个，支持png和jpg。
pngquant：本地压缩png图片利器。
图片压缩，有这2个足够了！
音频剪切工具
迅雷看看、QQ影音播放器、酷狗铃声自带的“音频截取”功能都能满足普通运营人员的剪切需求，笔者推荐迅雷看看播放器，使用更容易上手，体验稍微好些，如果需要使用专业的音频编辑工具，推荐的是Adobe
Audition。专业的工具精度高，能解决上面那些不容易一次剪切好，要反复剪切试听的痛苦。
GIF图制作工具
GifCam：一款非常简单的GIF动图录制/制作工具，具有精确录制、可剪辑等特色。
有这一个足够了，基本不需要再去找其他工具了！
全景图制作工具
360全景不是凭空生成的，要制作一个360全景，我们需要有原始的图像素材，原始图像素材的来源可以是：
A、在现实的场景中，使用相机的全景拍摄功能得到的鱼眼图像。
B、通过建模渲染得到的虚拟图像。
同时发现大家基本都是在用Pano2VR作为后期制作工具
二维码制作工具
由于二维码制作基本上功能的重复性很强，每个都差不多，所以这里之给大家推荐一个笔者最常用的：
草料网：简单、便捷、功能强大的免费二维码在线服务网站，上面还有较多的好看的二维码模板。
更多内容请关注有很多精彩请关注IEbook超级H5官网：，你也可以进去体验一下跨屏展示。
&&&&&看了这篇文章，80%的人都会点击以下文章：
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。主题信息（必填）
主题描述（最多限制在50个字符）
申请人信息（必填）
申请信息已提交审核，请注意查收邮件，我们会尽快给您反馈。
如有疑问，请联系
傻丫头和高科技产物小心翼翼的初恋
个人大数据技术博客：
人生得意须尽欢，莫使金樽空对月。
一只文艺范的软件攻城狮，Keep Learn，Always.花花生活网络
当前位置: >
360全景生成源码 赠景安国内空间 HTML5全景 微信全景系统 720全景
语&言：PHP
数&据&库：Mysql
品&牌：其他
演示网站：
大&小：8 MB
最后刷新：
移&动&端：
安装服务：免费
担保交易，有问题不解决24小时内可申请退款，安全保证。
支付宝微信支付
财付通网上银行
花花生活网络
 联系卖家
5.00
5.00
5.00
本源码生成的全景完美兼容市面上99%的手机流畅播放！支持重力感应、透明热区、智能视频嵌入、动态热点行走、多层地图、光晕flash特效、全景主持人、雷达导航等本源码后台操作简单清晰明了，简简单单的作出各种炫丽的全景！稳定流畅度都是无法比拟的！联系QQ：〓更新记录〓日更新核心js为krpano1.19pr3新增加webvr功能优化组件功能〓价格说明〓本宝贝开源版现价50元。推荐学习使用。商用请选择本店全景云系列宝贝〓安装说明〓源码安装在服务器或空间上服务器或空间需支持PHP5.3以上版本如需本地离线观看可用FTP下载导出目录即可〓测试地址〓源码测试地址：源码测试帐号：admin源码测试密码:a123456&淘宝地址：/item.htm?spm=41001.2.RzpMoz&id=&scm=.&pvid=de1ae638-c6da--fb2ab177deb5&idnum=0
&&&交易评价
&&&交易规则
1、自动：在上方保障服务中标有自动发货的商品，拍下后，将会自动收到来自卖家的商品获取（下载）链接；
2、手动：未标有自动发货的的商品，拍下后，卖家会收到邮件、短信提醒，也可通过QQ或订单中的电话联系对方。
1、源码交易默认交易周期为1天，买家可操作再延长3天（仅有1次延长权利）；
2、若上述交易周期双方依然无法完成交易，任意一方可发起追加周期（1~60天）的请求，对方同意即可延长。
1、描述：源码描述(含标题)与实际源码不一致的（例：描述PHP实际为ASP、描述的功能实际缺少、版本不符等）；
2、演示：有演示站时，与实际源码小于95%一致的（但描述中有"不保证完全一样、有变化的可能性"类似显著声明的除外）；
3、发货：手动发货源码，在卖家未发货前，已申请退款的；
4、安装：免费提供安装服务的源码但卖家不履行的；
5、收费：额外收取其他费用的（但描述中有显著声明或双方交易前有商定的除外）；
6、其他：如质量方面的硬性常规问题等。
注：经核实符合上述任一，均支持退款，但卖家予以积极解决问题则除外。
1、互站会对双方交易的过程及交易商品的快照进行永久存档，以确保交易的真实、有效、安全！
2、互站无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保，请买家自行鉴别；
3、在源码同时有网站演示与图片演示，且站演与图演不一致时，默认按图演作为纠纷评判依据（特别声明或有商定除外）；
4、在没有"无任何正当退款依据"的前提下，商品写有"一旦售出，概不支持退款"等类似的声明，视为无效声明；
5、在未拍下前，双方在QQ上所商定的交易内容，亦可成为纠纷评判依据（商定与描述冲突时，商定为准）；
5、因聊天记录可作为纠纷评判依据，故双方联系时，只与对方在互站上所留的QQ、手机号沟通，以防对方不承认自我承诺。
7、虽然交易产生纠纷的几率很小，但一定要保留如聊天记录、手机短信等这样的重要信息，以防产生纠纷时便于互站介入快速处理。
1、互站作为第三方中介平台，依据交易合同（商品描述、交易前商定的内容）来保障交易的安全及买卖双方的权益；
2、非平台线上交易的项目，出现任何后果均与互站无关；无论卖家以何理由要求线下交易的，请联系管理举报。
&&& 店内搜索
&&&本店销量榜
1360全景生成源码 赠景安国内空间 HTML5全景...
2易企秀源码，支持七牛转存。17年7月最新...
3微信产品授权中心源码 域名ip授权 网站授...
4全景云平台开源源码krpano内核支持cdn转存...
5全景云源码，仿720云，微信全景源码支持...
62017年1月全景通旗舰全开源，支持说一说...
7织梦WAP插件3.0 dede手机模版 html5手机版 织...
互站官方微信【教程】全景VR的H5是怎么做的呢？
VR设计联盟
原始标题：
【原文标题：点鸡成金全景的前前后后】一个怎么都刷不了屏的H5，射鸡的人比点鸡的人多了一份甘苦，前前后后月余时间才孕育了这么个不讨喜的孩子（中途被拿走了一个），带着这份心情期待下一个H5……一、技术储备建一个H5全景Vr需要利用Three.js构建一个3D模型出来，需要3个组件：场景、相机和渲染器。1、场景所谓场景就是用于贴在物体object的容器内壁的图片。那既然是3D，就无非就两种模型了：正方体和圆柱。正方体一共分为6个面，上下左右前后（图1.1）；圆柱分三个面，上下和中间一个面。正方体由于面比较多，透视关系比较难处理，更适合于类似星空这类没有明显边界的场景。而圆柱则较难体现出空间感，当然也可以找一张已经处理好空间关系的图片解决这个问题。2、相机用户是通过相机来查看3d场景的，在three.js里的透视投影照相机（Perspective Camera），如下图所示，fov是相机视角的夹角，&near和far分别是照相机到视景体最近、最远的距离，近处的物体和远处的物体透过相机的移动，便会产生视差。将Camare放置在中间位置（图1.2、1.3）这样我们就得到了一个以自己为中心的视角。3、&&渲染器Three.js实时渲染什么的我都不懂。反正有了渲染器我们就可以肉眼测试啦~二、场景正方体场景起初的模型是正方体的（项目需求决定），正方体的每个面都存在一个视觉中心点，基于这些视觉位于中心，我们绘制了每个面的透视（图2.1）红点。但是仅有单面透视还是不够的，面与面拼接时也会出现透视关系，若不希望整个场景看起来特别怪，就必需给衔接处做额外处理。解决方法：①处是一个长方体，如图示，第二张分隔的绿色长方体的在交接处，根据第二张的透视线进行变形。②处是一个在墙角的柜子，柜子是平的，不进行变形的状态，交接处会呈现（图3.3）的效果。交接处在两边都变形的情况下，根据一边的透视线减去一半的角度就是两边的变形角度。（图3.3）上下的衔接也需要做类似的处理，做完这些我们才能得到一个透视完整的空间。不过这一切都然并卵，该正方体适用的项目中途被移交给其他人员处理，不过还好找到了另一个项目——周大福。&为了省去复杂的空间透视关系，转而使用了圆柱模型。&圆柱场景&需求主题是嘉年华，前期尝试了扁平化建筑，但实际实现起来视觉感受并不好，空间感不足。所以后期还是将所有的物体立体化，增加了透视关系。（场景最终版）&1、场景构架实现的构架如下图，视角则是在整个圆柱体的中心位置，从正常视角出发可以360°转动手机，场景会根据手机的转动而移动场景画布。& & & & & & & &（实现后的圆柱体）2、如何知道透视点的位置圆柱体场景，虽然没有正方体需要那么多透视，但透视错了也会让整体画面不协调，所以在绘制时物体还是要跟着透视点来。&如下图，透视点为什么在这个位置？因为我们的视角就是在整个圆柱体的中心位置，所以透视点是跟实现后的正常视角平行的。透视点2跟透视点3其实是同一个点，实现后这两边会衔接起来。在左边的场景，如乳酪房，是根据透视点1跟透视点2来绘制的，只要按着这两个透视来，实现后的场景是不会造成扭曲的现象的。（透视点与物体透视线）三、小鸡1、小鸡形象+动作逐帧周大福提供了五星鸡的卡通形象，根据此画风，衍生出其他相应产品的卡通形象及动作设计。动作分别有：飞、跑、转圈、滑滑板、撑着伞。确定好形象跟动作后，为了减小运行负荷，将每只鸡的动作精简成4帧动画，小鸡在路径位移时，控制每屏小鸡出现数量，不单调也不会太乱。2、移动路径为了不让画面太杂乱，根据整体画面给固定了每只鸡的移动路径。四、游戏界面1、首页2、游戏页面网上那么多字体不能用，公司买了哪几个字体，也不告诉，只好手写了。为了减小运行和工作负荷，缩减了大部分转场动画和细节，结果证明缩减是对的。流泪~~~最后为了制作H5大家相爱相杀，相爱相杀…由于活动时间只在春节期间，过了活动时间就没法体验了…所以没法体验~设计：晓敏、二小姐、我前端：尾巴儿（本文来自ui中国）
VR资源网整理出品