cocos2d-js第一个项目(cocos2d-html5)

本文介绍了如何在Mac上快速搭建cocos2d-js HTML5游戏开发环境。从下载cocos2d-js SDK,安装Python,到配置Apache本地服务器,详细阐述了每个步骤,特别强调了对于只做HTML5平台的开发者,如何创建项目并避免配置其他平台的SDK。最后,通过设置Apache虚拟主机解决了项目访问权限问题,使得游戏在浏览器上顺利运行。

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

最近清闲,就看了下cocos2d-x,都说这是个跨平台的,网上的安装配置也有很多,但是多来看得眼花缭乱的,我的启点目标就很低,不要跨平台,就让他在浏览器上呈现出来,不是专业的游戏开发公司搞毛的跨平台啊,都是搞在微信上的小游戏而已,基于此,本人就能过牛人的文章自己把这个小平台搭建起来了,在此记录下,否则下次又要重新查资料了,人的记忆力是有限。
再次声明,只搭建了html5的,什么安卓啊,苹果啊,没时间去下载对应的sdk,况且本人也是菜鸟,不敢造次 了。接下来介绍搭建环境步骤,我的是mac,自带了很多软件,如果你是其他系统,请自行百度下载安装。

  1. 最主要的,cocos2d-js的SDK包,最新的已经与cocos2d-x整成一个包了,本人下载 的是cocos2d-x-3.7.1,最新版本,官网地址:选择对应的操作系统,如果链接不可用,请输入:www.cocos.com查找。
  2. 下载安装python,在mac上已经自带了,此处可省略,如果没有不要担心,上他的官网下载对应的版本安装即可,官网地址:下载对应版本,如果不能点击,请输入:www.python.org,下载完后,安装步骤自行解决,不讨论。
  3. 下载安装apache,本人mac也自带了此软件,这是配置本地服务器的,因为cocos2d-js没有部署到服务器上查看不了效果,官网地址:自行下载,如果不能点击,请输入apache.org。安装配置不再说明,请自行百度,下面我会以本人mac为例说明。
  4. jdk,android SDK, ndk,xcode,ant,在此都不作介绍,本人配置的就是html5,不做跨平台介绍了,如果想要支持全平台,请自行百度各位大大的文章。

    当完成上面前三步后,接下来就可以配置开发环境了,ide可以任选,自己喜欢,如果你要用记事本也行。本人用了sublime,如果你用了webstorm,可省略apache,webstorm已自带了个小型本地web服务器了。配置开发环境:

    1.解压下载的cocos2d-js压缩包,目录自己指定,本人解压到:/Users/yourname/work/cocos2d-js目录下,看自己喜好。
    2.执行解压后目录下的setup.py,这是python脚本,确保你也安装了python,在终端下进入setup.py所在目录下,输入:./setup.py,他会自动搜索本机的环境设置,如果没有发现会添加相应的环境变量,在这里我们只有:COCOS_CONSOLE_ROO环境变量,他会自动添加当前的cocos2d-js对应的目录,其他的如ANDROID_SDK_ROOT,NDK_ROOT等一系列环境变量都会提示我们找不到,然后我们只需要按enter键跳过这些变量的设置,如果你已经下载好了,可以把这些变量设置好,一路向下,就会完成相应的开发环境的安装配置。
    3.经过以上两步,cocos命令已经安装好了,能在终端直接运行,接下来我们创建我们自己的cocos2d-js项目。第一种项目,跨平台的,切换目录到你项目的根目录,输入:cocos new -l j

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值