cocos2d-js开发——环境搭建、新建项目、运行项目

本文详细介绍cocos2d-js游戏开发环境的搭建步骤,包括Python与cocos工具的安装,通过官方文档指导完成cocos2d-x的下载与配置。并演示如何使用cocos命令创建新项目及运行,适用于初学者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

搭建环境

Python (这个我已经安装过了,没安装的根据Python的文档安装即可)

cocos

  • 下载cocos2d-x
    首先去官网下载cocos2d-x压缩包,我下载的是3.17.2,最新版本4.0的没有cocos2d-js。
    下载cocos2d-x压缩包截图

  • 解压压缩包,并运行setup.py
    我这里是直接将压缩包解压到了c盘下,打开cmd,输入以下代码:

    cd C:\cocos2d-x-3.17.2  //进入到cocos2d-x-3.17.2的根目录下
    python setup.py
    

    运行截图:
    python setup.py运行截图
    注意:其实这一步也可以直接手动添加环境变量:

    • 添加用户变量:

      变量名:COCOS_CONSOLE_ROOT
      变量值:C:\cocos2d-x-3.17.2\tools\cocos2d-console\bin(这个请根据自己的路径填写)
      

      添加用户变量截图

    • 添加系统变量:

      变量名:Path
      变量值:C:\cocos2d-x-3.17.2\tools\cocos2d-console\bin(这个请根据自己的路径填写)
      

      添加系统变量截图

  1. 检验是否安装成功
    cocos -v
    
    安装成功截图:
    cocos安装成功截图

使用cocos2d-js

新建项目

cocos命令文档:https://docs.cocos.com/cocos2d-x/manual/zh/editors_and_tools/cocosCLTool.html
使用 cocos new 命令创建新项目,命令格式如下:

cocos new <game name> -p <package identifier> -l <language> -d <location>

创建成功截图:
创建cocos2d-js项目成功截图

运行项目

进入到项目根目录下开始运行:

cd desktop/cocos_test
cocos run -p web

在这里插入图片描述
运行成功可以在浏览器看见hellow world:
运行成功截图

Cocos2d-JS开发之旅 从HTML 5到原生手机游戏》 《Cocos2d-JS开发之旅——从HTML 5到原生手机游戏》从简单到复杂逐渐深入介绍Cocos2d-JS,包括HTML5和手机原生游戏两个方面的内容。这些内容融汇了作者多年的工作经验和Cocos2d-JS 的亲身使用教训,有助于读者快速掌握游戏开发的方法和避开不必要的麻烦。 《Cocos2d-JS开发之旅——从HTML 5到原生手机游戏》以两个游戏为线索,每一章的学习都为最终实现游戏而准备。除了基础的Cocos2d-JS使用方法,本书还会探讨如何调试发布原生手机游戏和另外一些高级话题。 《Cocos2d-JS开发之旅——从HTML 5到原生手机游戏》适合所有对2D 游戏开发感兴趣的人群,尤其是计算机专业学生、Flash/JS 开发者,因为Cocos2d-JS简单易懂,读者会发现自己已有的基础能快速应用或转移到Cocos2d-JS 游戏的开发中。 目录 第一部分 准 备 篇 第1 章 Cocos2d-JS 介绍 / 2 第2 章 跑起我们的HelloWorld / 10 第一部分总结 / 27 第二部分 做一个简单的小游戏 第3 章 Cocos2d-JS 的平面世界 / 30 第4 章 让世界来点动静 / 51 第5 章 让玩家操纵这个世界 / 72 第6 章 控制小怪按时出现——定时器 / 84 第7 章 游戏界面 / 96 第8 章 不能光说不练——小小碰碰糖 / 122 第9 章 把成果分享到网上 / 143 第二部分总结 / 158 第三部分 再做一个高大上游戏 第10 章 走向高大上的必经之路——简单的性能优化 / 160 第11 章 让主角不再死板 / 173 第12 章 动态的背景 / 188 第13 章 界面的文字有点丑 / 204 第14 章 超炫的效果——粒子系统 / 211 第15 章 尝试做一个更大的游戏——Hungry Hero(上篇)/ 226 第16 章 尝试做一个更大的游戏——Hungry Hero(下篇)/ 235 第三部分总结 / 291 第四部分 把两个游戏做成原生手机游戏 第17 章 咱们也来做APP / 294 第18 章 真是这么美好吗?更多问题来了 / 304 第四部分总结 / 320 第五部分 高 级 篇 第19 章 订阅者模式——事件机制 / 322 第20 章 屏幕尺寸适配哪家强 / 331 第21 章 让死去的主角灰掉——渲染控制 / 342 第22 章 动态热更新 / 363 第23 章 想说的还有很多 / 374 第五部分总结 / 376
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值