h5动画 php,GitHub - calcyu/wechat_html5_animate: 微信上的HTML5动画，类似易企秀效果。...

wechat_html5_animate

##微信上的HTML5动画，类似易企秀效果。

##制作HTML5动画的动机

微信上收到了一个可以编辑祝福语的拜年H5，故想尝试一下如何制作。

##制作工具

Adobe Edge Animate CC

Brackets

XAMPP

PHPStorm 10

Adobe Photoshop CS6

##第一天

知道H5动画原理，一种是在CANVAS上绘图，一种是对HTML标签进行ＣＳＳ｜transform换行，考虑兼容性，还是想寻找后一种的。H5动画也出来一些年头了，所以从寻找H5制作工具入手。百度了几个关键字(内心很想GOOGLE，可是我是天国人)，只要坚持还是能找到了一些干货，这个帖子对我启发比较大，在此感谢！

http://www.cnblogs.com/kenkofox/p/3761061.html

里面介绍了不少工具，因为只想选择能够生成DIV+CSS的工具，所以试用较深的有ADOBE EDGE ANIMATE CC和HIPPO，其它都是走马观花。

因为HIPPO没有MOVIE CLIP的功能(可能是我没有找到)，估选择了ADOBE的产品，我可以说是ADOBE的终于粉丝，其大部分产品都会玩，可以追溯到FLASH MX当时还不是ADOBE的产品- -。

按照帖子里的操作，制作了一个简单的动画，开始觉得很难操作，坚持使用，习惯和熟悉之后，感觉是在FLASH基础上有所创新，更高效。

##第二天

准备实现H5动画的翻页效果，看了一下CC里果然和FLASH一样是有脚本语言的，语言自然是JS，做了一定的封装，集成了JQUERY。有TOURCHSTART、TOURCHEND、TOURCHMOVE等事件，但自己再实现一遍翻页，感觉有点重复造轮，估去了一套OSCHINA，还是有收获的。

找到了这个

http://www.oschina.net/p/browserswipe-js

更新说明

h5动画 php,GitHub - calcyu/wechat_html5_animate: 微信上的HTML5动画，类似易企秀效果。...相关推荐

H5类似易企秀/编辑器/页面制作/开发/生成工具/软件/源码/授权
代码地址如下: http://www.demodashi.com/demo/14960.html 项目简介 H5DS (HTML5 Design software) 这是一款基于WEB的 H5制作工具 ...
[H5页面生成工具 v1.14.1] 通过拖拽的形式生成页面的工具+类似易企秀百度H5
介绍: 鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀.百度H5等工具. 鲁班H5特征: 1.编辑器参考线吸附线.组件对齐拽改变组件形状元素: 复制(画布) 元素 ...
类似易企秀的h5页面如何制作，邀请函，贺卡
有时候需要自己开发类似易企秀的页面,例如邀请函,贺卡 <!DOCTYPE html> <html> <head><meta charset="UTF ...
如何实现类似易企秀的可视化 H5 编辑器?
易企秀H5项目架构梳理现有一款可视化的 H5 编辑器 (类似易企秀, 使用 React 开发) 提供私有化部署, 绑定域名, 定制开发, 源码售卖培训等服务主要面向对数据要求高, 需要私有化 ...
商城、门户、微信服务平台、CMS、易企秀、红包、分销商城、游戏源代码
近期收集了一些项目源代码,共享出来供大家学习参考. 办公OA系统源码.rar: https://t00y.com/file/22083442-406735572 轻量级微信平台.rar: https ...
h5 表单居中_3分钟学会易企秀H5操作（基础篇）
说起当下流行的微信朋友圈广告,H5广告可以说是最具有代表性意义的一种.目前H5制作平台有很多,今天主要给他家分享下易企秀H5平台,教你3分钟学会易企秀H5. 我知道大家时间很宝贵,这里我们就长话短说, ...
java 仿易企秀_鲁班H5(开源可视化搭建系统, 可以理解为开源版本易企秀)核心实现原理解析...
鲁班H5核心原理解析(开源版本的拖拽生成H5平台,功能类似易企秀的开源可视化搭建系统) 相关地址鲁班H5是什么? 鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀.百度 ...
h5 nan_易企秀资深前端架构师袁飞：移动H5开发如何避坑
2020年10月24日,正值程序员节,第二届全球移动开发技术峰会在北京隆重举行.易企秀资深前端架构师袁飞应邀出席峰会,并分享了移动H5开发技术要点和避坑指南. 本次峰会,来自微软.阿里巴巴.小米.腾讯 ...
易企秀资深前端架构师袁飞分享：移动H5开发如何避坑?
2020年10月24日,正值程序员节,第二届全球移动开发技术峰会在北京隆重举行.易企秀资深前端架构师袁飞应邀出席峰会,并分享了移动H5开发技术要点和避坑指南. 本次峰会,来自微软.阿里巴巴.小米.腾讯 ...

h5动画 php,GitHub - calcyu/wechat_html5_animate: 微信上的HTML5动画，类似易企秀效果。...

h5动画 php,GitHub - calcyu/wechat_html5_animate: 微信上的HTML5动画，类似易企秀效果。...相关推荐

最新文章

热门文章