Cocos2d-JS教程（1）：介绍和项目搭建

最新推荐文章于 2024-04-21 09:35:55 发布
最新推荐文章于 2024-04-21 09:35:55 发布
阅读量2.5k 收藏
点赞数
分类专栏： 原创视频
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/masonblog/article/details/51425911
版权

一、官网

http://www.cocos.com/

二、产品

  • 自Cocos2d-iPhone取得成功后，Cocos2d系列产品已经推出许多子项目。这里列出了一些最为出名的旗下分支游戏引擎。

这里写图片描述

  • 从下表可知，不同分支引擎支持不同的目标平台并使用不同的编程语言。
分支引擎编程语言平台
Cocos2dPython桌面操作系统
Cocos2d-iphoneObjective-C,JavaScriptiOS
Cocos2d-xC++,Lua,JavaScript参见支持平台和编程语言部分
Cocos2d-html5JavaScript支持HTML5的浏览器
ShinyCocosRubyiOS
Cocos2d-windowsC++Windows XP/7
Cocos2d-androidJavaAndroid
Cocos2d-android-1JavaAndroid
Cocos2d-xnaC#Microsoft and MonoGame platforms
Cocos-netC#Mono-supported 平台
Cocos3dObjective-CiOS

三、为何选择cocos2d-js

  • Cocos2d-JS 是跨全平台的游戏引擎，采用原生JavaScript语言，可发布到包括Web平台，iOS，Android，Windows Phone8，Mac，Windows等平台，引擎基于MIT开源协议，完全开源，免费，易学易用，拥有活跃的社区支持。Cocos2d-JS让2D的游戏编程门槛更低，使用更加容易和高效。和其他类似游戏框架相比，它定义了更加清晰的2D游戏编程的基本组件，采用易学易用的API设计，并采用全球领先、具备原生性能的脚本绑定解决方案实现游戏的跨原生平台发布，开发效率更高，使用上最简单。

  • Cocos2d-JS是Cocos2d-x的JavaScript版本，融合了Cocos2d-HTML5和Cocos2d-x JavaScript Bindings（JSB）。它支持Cocos2d-x的所有核心特性并提供更简单易用的JavaScript风格API，基于Cocos2d-JS的框架，您可以方便的使用JavaScript语言进行游戏开发，快速构建原型进行验证，并让您的游戏跑在所有支持HTML5规范的浏览器上。由于Cocos2d-html5的API和Cocos2d-x JSB的API高度一致，可让您的游戏不用修改代码或者修改少量代码就可打包为原生性能表现的混合游戏，发布到原生应用市场，从而实现，一次编码全平台部署的效果，带给您全所未有的机遇。

  • Cocos2d-JS最引以为傲的能力就是完美的一次开发，全平台部署得能力。得益于3.0版中Web引擎和Native引擎的整合，Cocos2d-JS为Web和各原生平台开发提供了一套统一的工作流，开发者只需要关注自己的JavaScript代码，我们提供了Cocos Console工具帮助用户管理开发以及发布的流程。

  • Cocos2d-JS v3.0框架：

这里写图片描述

从这张架构图中可以看出，Cocos2d-JS对Web平台的支持主要是通过Web引擎Cocos2d-html5做到的，而对Native平台的支持是以Cocos2d-x为核心，通过SpiderMonkey这个JavaScript编译器来执行JavaScript代码，并通过JavaScript绑定技术将其API映射到Cocos2d-x的API上。这两方面的技术从引擎的v2.x时代就已经成熟了，而Cocos2d-JS v3.0首次将两者整合到一起，统一并简化它们的API，真正做到一套代码，全平台运行。这也就是图中的Cocos2d-JS API层，不同平台，不同设备之间的差异被透明化，开发者开发跨平台游戏自然也变得前所未有得简单。

四、Mac下环境搭建

软件备注
Chrome开发时使用web调试
JetBrains IDE Support连接Chrome 和 WebStorm的工具
WebStormJS IDE
Cocos引擎（包含 Cocos Studio）建议不安装CocosStudio，因为 CocosCreator会代替它
CocosCreator可视化的游戏创作工具
Cocos Code IDEJS IDE （已弃用，不要安装了）
ApacheMac 自带了

1、Code IDE已终结

Code IDE项目已经终结了，不会再有更新。因为不论是Eclipse方案，还是IntelliJ IDEA方案，都无法彻底和Studio或Creator融合。但是作为一个未竟的夙愿，引擎团队在Cocos Creator补偿了这一点：Cocos Creator带有一个JavaScript的代码编辑器，编辑器不仅带有大家迫切需要的函数提示、自动补完等功能，而且和Cocos Creator的场景编辑器无缝衔接——这点是Code IDE做不到的。但是还是建议使用WebStorm做为JS的代码编辑器。

2、Cocos Studio被替代

这里写图片描述

五、创建项目

打开Cocos引擎启动器
这里写图片描述
选择 源代码，这样可以在AndroidStudio中打开
不使用CocosStudio编辑器

使用WebStorm打开刚才新建的工程，删除CocosStudio的配置，最后的项目结构如下：
这里写图片描述

六、欢迎

Github:https://github.com/MasonLiuChn

相关链接

http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/native/v3/about/relationships-in-cocos2d-family/zh.md

http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/catalog/framework/cocos2d-js/../../../manual/framework/cocos2d-js/1-about-cocos2d-js/1-1-a-brief-history/zh.md

http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/cocos2d-js/2-working-environment-and-workflow/2-2-cross-native-browser-game-with-cocos-console/zh.md

天盟
关注
专栏目录
cocos2d-js益智游戏《天天逆运算》手游源码,有文档教程,可轻松上手
12-07
cocos2d-js益智游戏《天天逆运算》手游源码,有文档教程,可轻松上手 cocos精品小游戏源码 , 完整项目源码 是整个项目的压缩包 , 新建空项目直接导入到项目里面就可以运行了,无需其他操作。 适合二次开发和学习使用,都是经典游戏,需要其他游戏源码包可以看我主页。 直接可以运行 , 如果运行不了 请切换编译器版本 , 经过测试是没问题的 如果打不开请切换编译器版本。 有别的资源或代码需求可以通过我的主页联系 谢谢! cocos游戏代码 ,cocos经典游戏源码 , cocos休闲游戏源码, cocos容易上手的游戏源码,cocos小游戏源码,cocos新手练习源码,cocos个人开发源码,cocos优秀项目。
cocos2d-js 入门 （主要是HTML5）
weixin_34143774的博客
12-09 1227
cocos2d-js是cocos2d-x的JavaScript版本，真正跨全平台的游戏引擎，采用原生JavaScript语言，可发布到包括Web平台，iOS，Android，Windows Phone8，Mac，Windows等平台。 利用cocos2d-js开发HTML5游戏/动画，我们可以通过SDK也可以直接使用js类库： l SDK下载：http://cn.cocos2d-x.org/d...
Cocos2d-Js热更新（最完整版本，包括自己做的过程中遇到的坑都在里面）
热门推荐
路飞小迷弟的博客
12-30 1万+
最近主要进行游戏脚本化相关工作，脚本化的目的就是为了热更新，所以就写个demo研究下热更新。cocos版本： 3.121、基本思路 cocos的热更新主要采用其自带的AssetsManager，执行AssetsManager后，搜索路径增加了jsb.fileUtils.getWritablePath()目录，并且搜索级别最优； 需要热更新js不放在project.json中定义，等AssetsMan
探索Cocos2D-JS：一款强大的2D游戏开发框架
gitblog_00020的博客
03-28 536
探索Cocos2D-JS：一款强大的2D游戏开发框架 去发现同类优质开源项目:https://gitcode.com/ 是一个开源的游戏引擎，由KenKoZheng维护，它将Cocos2D-x的效率和JavaScript的易用性相结合，为开发者提供了一种高效、跨平台的方式来创建2D游戏和互动式应用。 项目简介 Cocos2D-JS是一个完整的开发套件，包括了编译器、场景管理、动画系统、物理引擎、粒...
JavaScript 游戏开发包-收集
ejinxian的专栏
03-24 5048
基于WebGL的游戏引擎 PlayCanvas 一般来讲，游戏开发与web应用完全是两码事。但先试试，游戏世界的很多工具都可以被用于在网站中增加华丽界面。PlayCanvas就是一个基于WebGL的游戏引擎，结合了物理、光影、音效等工具用于创建一个复杂的界面。 示例代码： // Create a PlayCanvas app... 更多PlayCanvas信息
cocos2d-js-es6:初次提交
04-30
cocos2d-js es6环境搭建模板推荐代码编辑器Visual Studio Code配置// File => Perferences => Workspace Settings{ "eslint.enable": true, "files.exclude": { "**/.git": true, "**/.DS_Store": true, "frameworks...
cocos2d-x-2.1.4.rar
09-07
5. 学习资源：cocos2d-x 社区活跃，有丰富的教程、文档和示例代码可供学习参考，帮助开发者快速上手。 总结，cocos2d-x 2.1.4版本是移动游戏开发者的强大工具，它的优化和新特性使得开发者能够更加高效地创建出高...
cocos2d-js-v3.13-lite.rar_Cocos2d-JS v3.13_cocos2d HTML5框架_press
09-24
在压缩包`cocos2d-js-v3.13-lite`中，可能包含了框架的核心库文件、示例项目、文档以及必要的工具，供开发者快速上手和深入了解Cocos2d-JS v3.13 的功能与用法。使用这些资源，开发者可以学习如何搭建开发环境，理解...
关东升-Cocos2d-x实战：Lua卷
10-30
2. **Cocos2d-x环境搭建**：书中还会详细介绍如何安装配置Cocos2d-x环境，包括所需的工具和库，确保读者能够在自己的计算机上顺利开始游戏开发。 3. **Lua与Cocos2d-x的集成**：通过具体的示例项目，书籍将指导读者...
Cocos2d-JS 快速入门——视频（上部分）
10-04
总的来说，这个视频教程系列涵盖了Cocos2d-JS从零开始的所有基础，包括环境搭建、基本编程、项目创建以及发布流程。通过学习这些内容，新手开发者可以快速掌握Cocos2d-JS，开始自己的游戏开发之旅。
cocos2d-js-breakouts:突破教程游戏的Cocos2d-html实现
05-18
突破（Cocos2D HTML 2.x） 突破教程游戏的Cocos2d-html实现。 玩游戏 所有其他实现均已存档： 概述 这是用Cocos2D HTML编写的示例突破游戏。 最新版本是2.2.2，并且将在发布3.0时更新或分支。 此版本可在台式机和移动浏览器中运行，但也可以用作本机Android / iOS / Mac / Win7 / WinRT / Linux（TODO：需要确认平台支持）应用程序的基础，只需进行一些修改即可使用Mozilla的SpiderMonkey Javscript引擎支持的Javascript绑定（jsb）。 去做 将框架动画添加到球中 添加对作为图块地图（.tmx）加载的支持 添加对加载为tilemap（.json）的支持 添加初始菜单/文本场景 添加主菜单/文本场景 需要重构GameLayer才能将碰撞移动到 改进碰撞检测（支持递
cocos2d-js-tutorial:Cocos2d-JS 教程
06-06
cocos2d-js-教程 Cocos2d-JS 教程
cocos2d-js 手游解密jsc和WebSocket数据aes加密解密分析②
六桥风月IT随笔
12-31 4624
前面的http授权成功后，用的是WebSocket进行登录 Fiddler 抓包显示 双击进入插件详情，发现是加密的，那就进入js源码看看 js源码看看 搜索bufferToData后，得到关键代码 e.prototype.initWithBuffer = function(t) { switch (this.state) { case e.ENetDataState.empty: var n = this.bufferToData(t); if (null == n) t.
cocos2d-js 笔记
W_han__的博客
01-17 2916
第三章 命令 新建项目： cocos new -l js projectname 运行项目：cocos run -p web 项目打包：cocos compile -p web -m release 字典 Scene:场景，pushScene,加载或切换场景但不销毁上一个场景。popScene,销毁当前场景，回到上一个场景。 Director:导演，cc.dire
【JS框架】【Cocos2d-javascript】入门教程三部曲【注：教程已过时】
weixin_34007886的博客
11-22 243
为什么80%的码农都做不了架构师？>>> ...
cocos2djs棋牌手游加密逆向，万物皆可Hook
药药同学的博客
07-02 7110
直接拖进jeb查看AndroidManifest.xml的入口点，发现是cocos2djs 写的程序 <meta-data android:name="android.app.lib_name" android:value="cocos2djs" /> 这里直接把apk里面的assets拖出来，源码就在src目录 js写的 但是这里的js被加密了 jsc，需要先解密 先等我点一份外卖，原价需要24.88 估计是看我够骚，居然优惠了我十块二 只需要17.88 ..
探索Cocos2D-JS：一款强大的游戏开发框架
最新发布
gitblog_00026的博客
04-21 521
探索Cocos2D-JS：一款强大的游戏开发框架 去发现同类优质开源项目:https://gitcode.com/ 是一个开源的游戏引擎，它允许开发者使用JavaScript语言创建跨平台的2D游戏和交互式应用。这款项目的目的是简化游戏开发过程，提供高效的性能，并使代码能够在Web、iOS和Android等平台上无缝运行。 技术分析 Cocos2D-JS 基于原生的 Cocos2D-X 引擎，将C...
Cocos2d-JS全貌
xizai2012的专栏
10-30 1689
Cocos2d-JS is Cocos2d-x engine's JavaScript version that includes Cocos2d-html5 and Cocos2d-x JavaScript Bindings. It equips your game with cross-browser and cross-platform abilities, accompanied by
29 CoCos Creator-Cocos2d-x 用户上手指南
苏法迪的专栏
01-18 1819
0. 原文地址 https://docs.cocos.com/creator/1.9/manual/zh/getting-started/cocos2d-x-guide.html 1. Cocos2d-x 用户上手指南 Cocos Creator 是一款以内容创作为导向的新型游戏开发工具，它完整集成了组件化的 Cocos2d-x WEB 版本，可发布游戏到 Web，iOS，Android，Mac，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值