# 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 * 点击右上角齿轮,选择技术选型、调试模式选择“互动” * 左侧老师、右侧学生