背景与前言现在什么技术火？Android，ios，HTML5，人工智能，云计算……如此多的技术，而且发展非常快，大家都很迷茫，到底要学什么呢？我也很迷茫，只能走一步算一步。但是人总是有理想的是吧。我的理想很简单：一步步实现我的下一个理想。大一的时候，我看了一部电影，叫《社交网络》，那时的理想就是让学校找我写代码。现在大三了，实现了这个理想，给我配了电脑，配了办公室。下一个理想，做出一番事业，然后去

之前空余时间想玩玩html5,于是使用2.2.2的cocos2d-html5制作了个简单的足球射门游戏，美术是自己在纸上画完用手机拍下再ps扣的图，哈哈，赞一下自己的创意。

Paste_Image.png项目目录结构目录介绍frameworks包含cocos2d-html5引擎、cocos2d-x引擎和各个平台的项目文件-cocos2d-html5cocos2d-html5

Cocos2dconsole使用手册背景Cocos2dconsole是一个可以为Cocos2d-html5和Cocos2d-JSBingding极大简化游戏创建和环境配置过程的工具。

Cocos2d-JS目录结构概览下面是Cocos2d-JS的目录结构:图片1理解目录结构目录结构可以被分成4个部分来理解:第一部分:引擎相关文件frameworks目录包含了Cocos2d-html5引擎和

Cocos2D-HTML5基于HTML5规范集开发，实现了引擎对浏览器的支持。捕鱼达人HTML5版本基于此引擎实现对浏览器的支持，并获

在这篇文章中，你将学会如何快速搭建Cocos2d-HTML5的开发和运行环境，对于脚本来说，大多编辑器提供语法高亮显示，而没有语义补全，虽然有些开发环境提供了自动补全功能，但都不大好用。

手把手教你使用CocosBuilder一次性导出Cocos2d-html5，Cocos2d-x和Cocos2d-iPhone的游戏资源文件。这个游戏90%的工作量是用工具完成。

目前h5引擎正在处于研究阶段，基于Cocos2d-html5封装一个TS版的引擎库。

为什么做这个:我想给自己最近发布的游戏加入蓝牙对战功能，我的游戏使用了cocos2d-html5、JSBinding、cocos2d-x。我在网上搜了下，没找到相关的文章。

首先在webstorm打开cocos2d-html5引擎目录，选择复制HelloHTML5World文件夹，然后再粘贴到根目录下，并且重新命名一下就可以了，如图这样就是基本的项目，可以在此基础上进行开发了

做了个简易的joystick分享下~先上代码/***CreatedbyLon14-2-4.*/varCH5Joystick=cc.Layer.extend({_winSize:null,_pCenter:null,_dock:null,_joystick:null,_delegate:null,_power:null,_direction:null,_angle:null,_Actived:nul

cocos2d-js是cocos2d-x的JavaScript版本，真正跨全平台的游戏引擎，采用原生JavaScript语言，可发布到包括Web平台，iOS，Android，WindowsPhone8，Mac，Windows等平台。利用cocos2d-js开发HTML5游戏/动画，我们可以通过SDK也可以直接使用js类库：lSDK下载：http://cn.cocos2d-x.org/downloa

一些约定：1.实例的引用，新的实例交由cc._xxx变量存储，并在类的内部使用的为了能让外部能使用，并统一接口，都会给类定义一个getInstance方法并将对应的实例返回出去的。cc.Application的实例eg：cc.Application.getInstance(),当然在执行之前要先创建cc.Application实例2.另外一些cocos层面的全局变量，作者都将其纳入到cc的命名空间

转自：http://www.programmer.com.cn/12198/文/林顺Cocos2D-HTML5是基于HTML5规范集的Cocos2D引擎的分支，于2012年5月发布。

知道ch5有一段时间了，但是都没去学，最近公司需要我做游戏方面的开发，于是就开始来研究一下ch5首先，下载cocos2d-html5,我下载的是最新版的2.1.5，可以自己去官网下载或者点下面的链接下载

在Cocos2d-html5中也是同样，在运行游戏之前，预先加载好所有的资源（加载到浏览器缓存），以保证游戏的流畅运行。Cocos2d-html5的加载流程在开始我们的替换工作之前，大致说一

1、Cocos2d-xCocos2d-x是从Cocos2d-iPhone衍生过来的一个游戏引擎，它可以支持多个平台，并可以使用多种编程语言来调用同一个API结构。这个工程始于2010年7月。到目前为止，基于cocos2d-x的游戏已经有了超过5亿次以上的下载量。移动游戏中的巨擘，比如Zynga,Glu,GREE,DeNA,Konami,YinyCo,Gamevil,HandyGames,Renre

蓝色方框中的分支（Cocos2d-iPhone、Cocos2d-x，Cocos2d-HTML5，和CocosBuilder编辑器）都是在同一个路途上协作的，并且有coordinatedreleases。

最近打算看看cocos2d-html5，原因是想做个小东西，使用cocos2d，但是C++和Objective-C都不是最熟练，虽然JS也很弱，但是相比之下上手配置会简单一点，所以就使用了html5版本在参照了

相信看到这篇文章的时候，大家已经看过对应的demo。搭建好自己的server了。如果还没搞定的同学，请移步到Cocos2d-html5&box2d(一)我当初到这个时候会有疑问：1、他的demo都用了哪些文件？他的demo运行的流程是怎样？2、我如果做自己的demo需要用到哪些文件？如何去配置？3、怎么去调试啊，用什么编辑器好啊？ok,相信我遇到的疑惑，大家应该也会碰到吧，一一解答。1、他

用到的素材及参考文章来自：http://www.cnblogs.com/andyque/archive/2011/05/10/2042514.html感谢作者，作者的用的是cocos2d-x,我们讲用cocos2d-html5

这一篇其实本该放在后面写的，只是今天正好把这个整出来了，所以为了防止后面忘记，就在这里先写了。在运行index.html文件的时候，引擎首先会把资源进行加载，这是为了让游戏在运行时更为流畅，避免了在运行时加载资源，而出现卡顿现象，影响用户体验，因为加载资源是非常耗时、耗资源的操作。但是不管怎样加载的那个页面总是这样的不免会觉得很枯燥，没有一点属于自己的风格，所以怎样才能自定义加载页面呢。我一开始以

好久没有更新Cocos2d-html5的博文了，这两个月忙着一些比赛，所以就耽误了，嘿嘿，不过关于这个专栏还是有很多章节要写，所以还是慢慢来更新吧。

精灵类是任何一款游戏引擎的核心，你所见到的图片画面基本都是由它展现出来的，比如我们的游戏背景，主角等等，所以学好Sprite精灵类对游戏的画面体验有着很重要的影响。我们就先介绍他的创建方式，一般来说有以下5种：第一种：cc.Sprite.create(fileName)通过一张图片生成精灵对象参数：图片的名称。varsprite1=cc.Sprite.create("test.png");//这里

cocos2d-html5学习笔记（七）--Actionhttp://blog.csdn.net/allenice1/article/details/7747461分类：javascriptcocos2d-html52012

这就要用到引擎的触摸响应机制，Cocos2d-html5与Cocos2d-x一样，有多点触控和单点触控。

一、介绍Cocos2d-JS是Cocos2d-x的Javascript版本，它的前身是Cocos2d-html5。

前言已经好久没写博客了，因为最近在研究cocos2d-x，前几日看到cocos2d-html5中有款飞机游戏MoonWarriors，想着能不能用cocos2d-x来做重构，一方面可以练习一下这种飞行游戏的编程思路

勤奋努力，持之以恒！我的项目HeroUpUp-Html5在WebStorm目录结构如下图：1.找到工程中的CCLoader.js文件，我的在cocos2d-html5-v2.2.3/cocos2d/core下。如图：在CCLoader.js文件，找到this._logoTexture.src=""；这里就是加载时显示的图片的base64加密格式，可以更换成自己项目里的图片路径，注意更改图片的宽高。

使用首先在index.html中引入xxx/frameworks/cocos2d-html5/CCBoot.js。然后开始进行入口代码编写，一般放在main.js中。

和box2d来制作一个Breakout游戏：PART-1·如何使用cocos2d和box2d来制作一个Breakout游戏：PART-2·怎样在COCOS2D里面如何使用物理引擎BOX2D制作弹球游戏COCOS2D-HTML5

本文主要选取了Construct2、ImactJS、LimeJS、GameMaker、CreateJS、lycheeJS、Crafty、three.js、melonJS、Turbulenz、Quintus、Cocos2d-html5

基础知识1.Cocos2d-JS是Cocos2d-JS的Javascript版本，融合了Cocos2d-html5和Cocos2d-xJSBinding。

一、写在前面的话最近在学习cocos2d-html5方面的知识，一直想从事游戏方面的工作，自己也找了好多资料。网上关于cocos2d-html5的教程真的不多，也只有自己摸索，慢慢看示例代码。

最近在学习cocos2d-html5，个人觉得比较好用的工具，希望给大家分享。

Cocos2d-JSgithub下载下来的zip包有点坑，原因是github官网模块化的问题，例如Cocos2d-JSmasterframeworks下面应该包含cocos2d-html5和js-bindings

cocos2d-html5学习笔记blog:http://blog.csdn.net/song_hui_xiang/article/details/37763891http://www.cocoachina.com

在React这股目前最热前端框架之风刮来之前，一直在Cocos2d-html5游戏和半路出家的Android应用的纠结，在项目一开始阶段，为了图省事（O(∩_∩)O~主要还是自我的懒惰），喜欢把各种场景和界面杂糅一起

目前h5引擎正在处于研究阶段，基于Cocos2d-html5封装一个TS版的引擎库。

转自：https://blog.csdn.net/shenshucong520/article/details/48155835最近清闲，就看了下cocos2d-x,都说这是个跨平台的，网上的安装配置也有很多，但是多来看得眼花缭乱的，我的启点目标就很低，不要跨平台，就让他在浏览器上呈现出来，不是专业的游戏开发公司搞毛的跨平台啊，都是搞在微信上的小游戏而已，基于此，本人就能过牛人的文章自己把这个小平

Cocos2d-js是cocos2d-x的JS版本，前身是cocos2d-HTML5。在后来被整合在了一起，与cpp和lua并存。在V3.16中可以看见它们矫健的身影。

每一个产品都有自己的logo，那么如何在程序启动时显示自己的产品logo呢，以cocos2d-x-3.14.1为例，加载图标是以cc对象的属性在加载场景（scene）时加载的；具体位置在『frameworks/cocos2d-html5

前言：非常庞大的体系，目前我只想从官方提供的引擎功能测试的例子进行切入点，将里面涉及到的基础知识优先做研究，起码要持续积累两到三个月才能有所领悟，在积累中.....参考文档：以cocos-html5（version2.2.1）的API文档为依据一些约定：1.实例的引用，新的实例交由cc._xxx变量存储，并在类的内部使用的为了能让外部能使用，并统一接口，都会给类定义一个getInstance方法并

前言：非常庞大的体系，目前我只想从官方提供的引擎功能测试的例子进行切入点，将里面涉及到的基础知识优先做研究，起码要持续积累两到三个月才能有所领悟，在积累中.....参考文档：以cocos-html5（version2.2.1）的API文档为依据一些约定：1.实例的引用，新的实例交由cc._xxx变量存储，并在类的内部使用的为了能让外部能使用，并统一接口，都会给类定义一个getInstance方法并

cocos2d-js-v3.2cc.EditBoxisnotaconstructorcc.Scale9Spriteisnotaconstructorcc.EditBox在js工程中路径为: /frameworks/cocos2d-html5

的2.1版本开始，终于可以实现广大开发者期盼已久的一套代码横跨ios，android和html5的梦想了，这次联合发布的包括cocosBuilder，cocos2d-iphone，cocos2d-x和cocos2d-html5

1.下载Cocos2d-html5https://github.com/cocos2d/cocos2d-html52.下载并安装GoogleChrome浏览器      GoogleChrome下载地址：http://www.google.com/intl/zh-CN/chrome/     安装完Chrome是不够的，还需要在Chrome安装JetBrainsIDESupport插件。     

frameworks----引擎所在，包含两个文件夹cocos2d-html5和js-bindings。前者是html5引擎，后者是-x的引擎，外部接口是js写，但基础模块却是cpp来实现。

包含在CoreGraphics框架中Cocos2D：(Cocos2D-x、Cocos2D-iPhone、Cocos2D-HTML5等),Cocos2D 是一个第三⽅开源的2D游戏框架。