# html5-generator
一个快速制作移动宣传页面的工具 | a tool for making mobile slide pages with animations

## 使用方法 | Usage ##

提前安装 | Prerequisites：[nodejs](http://nodejs.org)，[mongodb](http://www.mongodb.org/)可选（也可用nedb代替），git 

1. 下载代码 | check out code

> git clone https://github.com/postor/html5-generator.git

2. 安装依赖 | install packages

> cd html5-generator

> npm install

3. 修改配置 | modify config (eg: dbURI)

> vi config.js

4. 启动服务 | start your service

> node app.js

## 已有功能 | Current Build ##
- 注册 | register
- 登陆 | login
- 创建页面 | create page
- 编辑页面、元素 | edit page/element
- 元素进场效果 | animation for come in
- 元素持续动画 | animation for infinite loop
- 支持基于模板修改 | create base on another

## 效果 | check it out ##



![1. build a animating clock](https://img.youtube.com/vi/xEoaCEzmRMA/0.jpg)

1. build a animating clock https://www.youtube.com/watch?v=xEoaCEzmRMA&list=PLM1v95K5B1ntVsYvNJIxgRPppngrO_X4s 


![2. add page, element and script](https://img.youtube.com/vi/0rn-T3izhlg/0.jpg)

2. add page, element and script https://www.youtube.com/watch?v=0rn-T3izhlg&list=PLM1v95K5B1ntVsYvNJIxgRPppngrO_X4s