# cocos-generator

cocos creator技术框架下的H5互动模板框架脚手架，基于cocos creator实现快速开发基于绘玩云的H5互动课件。

# 使用简介

## 前期准备

* git下载  https://git-scm.com/downloads 
* nodejs下载  https://nodejs.org/zh-cn/download/
* 谷歌浏览器下载  https://www.google.cn/chrome/

都下载最新版就行，然后默认安装就可以


## 生成项目

* 登录绘玩云课件开发平台：http://staging-teach.ireadabc.com/ 
* 点击“登录账号，查看我的课件”
* 输入测试的用户名/密码：developers/12345678
* 在右上角“个人中心”的下拉菜单里，点击“我的模板” 菜单，然后点击“新建模板”, 填写必要的信息，在“技术选型”一项上选择“Cocos”
* 点击“确定”后，列表页就会出现一个新生成的模板项目
* 在项目的卡片下找到“开发”按钮，则会弹出相对应的git地址

## 获取并启动项目

```
// xxx 是上面项目对应的Git地址
git clone xxx
cd 项目名称/
npm install

// 打开Cocos Creator, 点击项目（Project）=> 添加（Add） 在打开的对话框里面选择进入clone下来的项目，选择play文件夹，然后打开
// 进行常规的Cocos开发

```

## 本地调试

### 普通模板

* 找到 Cocos Creator 的安装目录下 Creator/2.4.5/CocosCreator.app/Contents/Resources/static/preview-templates/index.jade 文件
* 在引入JS的位置添加如下代码：

```
script(type='text/javascript' charset='utf-8' src='//staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js')
```

* 打开浏览器：http://staging-teach.ireadabc.com/template_ci/debug 
* 点击右上角齿轮，选择技术选型、调试模式选择“普通”

### 互动模板

* 找到 Cocos Creator 的安装目录下 Creator/2.4.5/CocosCreator.app/Contents/Resources/static/preview-templates/index.jade 文件
* 在引入JS的位置添加如下代码：

```
script(type='text/javascript' charset='utf-8' src='//staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air_online_open.js')
```

* 打开浏览器：http://staging-teach.ireadabc.com/template_ci/debug 
* 点击右上角齿轮，选择技术选型、调试模式选择“互动”
* 左侧老师、右侧学生