源代码 已经上传到github

Cocos2d-HTML5 入门第一天搭载了express3 server。Cocos2d-html5配置改了不少路径,改得有点乱。

今天又重搭了一遍server,力求不动CCBoot.js源文件。毕竟这是开发软件的原则。仅仅在入口做文章,姑且把在开发的页面”引进文件“当做是抽了一层接口。

第一步:新建server

>mkdir CH5

>cd CH5

>express game-server -e ejs 建立服务器

>cd game-server

> npm install 下载依赖模块

然后打开app.js改动成

第二步 下载Cocos2d-HTML5

打开 Git Bash

在CH5文件夹下

>mkdir cocos2d

>git clone git@github.com:cocos2d/cocos2d-html5.git

然后把cocos2d-html5\template下的文件复制到CH5文件夹下

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGl6YWkyMDEy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

如今 CH5看起来是这种

第三步:改动引擎引入路径

打开CH5文件夹下的inde.html 改动CCBoot.js引入路径

打开CH5文件夹下的project.json 把"engineDir":"../",改动成 "engineDir":"cocos2d/cocos2d-html5/",

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGl6YWkyMDEy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

第四步:启动server hello world!

>cd game-server

>node app

然后浏览器打开localhost/index

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGl6YWkyMDEy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

入门第一天冲着整个包cocos2d-js包就去了,包确实非常逼格,readme也没细读,get start更是搁在一旁;而后发现建立一款简单休闲的网页游戏。事实上能够下载精简版本号(Lite
Version)的cocos2d-html5。

精简版整个包下来就是这么点。不用搭载server。直接在网页像平时引进JQ等库一样开发。也不存在跨域,能够直接打开index.html,hello world一样粗来。所用到的引擎都合并在了cocos2d-js-v3.1-lite.js,而full version的能够通过CCBoot.js 异步动态引进不同的模块,自由度和扩展性更强,特别是结合native以及不同平台开发。

Cocos2d-HTML5搭载nodejs express3的更多相关文章

  1. Cocos2d html5 笔记 1: overview

    昨天接触到了cocos2d-html5的的东东了, 第一次看其源代码一头雾水,幸好samples目录下面有几个例子,可以从这个入手. MoonWarriors是一个射击类的游戏, 有点像以前玩的雷电, ...

  2. Nodejs express、html5实现拖拽上传

    一.前言 文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传.给用户体验带来很大问题.html5开始支持拖拽上传的需要的api.nodejs ...

  3. nodejs中处理回调函数的异常

    如果是使用nodejs+express3这个经典的组合,那么有一种很方面的处理回调函数异常的方法: 1. 安装模块:express-domain-middleware 2. 加入如下的代码: app. ...

  4. 《开发技巧》WEB APP开发调试技巧

    前言 随着html5和nodejs的兴起.web APP越来越火,一套代码可以多平台使用.减少了很大的开发成本.很多APP中也集成了很多的html5页面,增强很高的应用体验.所以移动端页面也事关重要! ...

  5. web前端开发 --好多视频大集合--文化的传播者-杜恩德

    提醒: 如果需要的话,尽快保存,说不定哪天分享就消失了呢. 1.妙味WEB前端开发全套视频教程 链接: http://pan.baidu.com/s/1bf1Ow2 密码: 2yyu 2.极客学院前端 ...

  6. 用java编网页的学习流程,我的一些小心得(初学java到高深运用)

    (1)java基础:首先得会写int,String,for循环,数组,**等等(熟练各种基础的关键字,各种java自带的排序,随即等等算法)什么是封装,继承,多态,然后private,public,p ...

  7. angularjs探秘<三> 控制器controller及angular项目结构

    先来看一个例子 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=&quo ...

  8. 关于2013年1月21日的DNS故障分析文章

    首页 资讯 小组 资源 注册 登录       首页 最新文章 业界 开发 IT技术 设计 创业 IT职场 访谈 在国外 经典回顾 更多 > - 导航条 - 首页 最新文章 业界 - Googl ...

  9. 【前端自动化】Gulp的使用(一):安装gulp

    作为一个.NET码农,在前端高速发展的时代,深深感觉自己那么点“前端”技术不够看,比如开发出来的js css等文件庞大,不便于管理,还记得以前的开发就是累加 html  css   jquery, 现 ...

随机推荐

  1. Android 五种方式实现Android底部导航栏

    https://segmentfault.com/a/1190000007697941

  2. Python学习日记之记录

    列表 list=['1','2'] 元组 zoo=('1','2''3') 字典 d = {key1 : value1, key2 : value2 }

  3. canvas一周一练 -- canvas绘制饼图(3)

    运行效果: <!DOCTYPE html> <html> <head> </head> <body> <canvas id=" ...

  4. HDU_1024_dp

    Max Sum Plus Plus Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others ...

  5. Redis系列(九)--几道面试题

    这里只是一点面试题,想了解更多,可以查看本人的Redis系列:https://www.cnblogs.com/huigelaile/category/1461895.html 1.Redis和Memc ...

  6. 04JavaScript程序语句

    JavaScript程序语句 2.6程序控制流程 2.6.1选择结构 if <逻辑表达式> 语句 else 语句 if <逻辑表达式> { 语句组 } else { 语句组} ...

  7. 安装svn

    一.安装 1.查看是否安装cvs rpm -qa | grep subversion 2.安装 yum install subversion 3.测试是否安装成功 /usr/bin/svnserve ...

  8. contab的使用方法

    linux 系统则是由 cron (crond) 这个系统服务来控制的.Linux 系统上面原本就有非常多的计划性工作,因此这个系统服务是默认启动的.另 外, 由于使用者自己也可以设置计划任务,所以, ...

  9. 社交网络图中结点的“重要性”计算 (30 分) C++解法

    社交网络图中结点的"重要性"计算 (30 分) 在社交网络中,个人或单位(结点)之间通过某些关系(边)联系起来.他们受到这些关系的影响,这种影响可以理解为网络中相互连接的结点之间蔓 ...

  10. 40条常见的移动端Web页面问题解决方案

    1.安卓浏览器看背景图片,有些设备会模糊.想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍).例如一个div的宽高是100100,背景图必须得200200,然后b ...