首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS基础 | Cocos Creator 开发环境搭建

使用浏览器浏览网页,相信大家都不陌生,使用浏览器调试游戏代码,我们以后介绍,下面简单介绍一下 Node.jsCocos Creator 这两个软件安装启动。...Mac 系统通过打开 Terminal 命令终端,输入:node --version 或 -v 查看 Node.js 的版本号,输入 node 进入交互式命令行,看下图: ?...三、Cocos Creator Cocos Creator 是厦门雅基软件开发的跨平台游戏引擎,支持在 Windows 和 Mac 下进行游戏开发,下载地址: https://www.cocos.com...在 Mac 操作系统,我们下载的是一个 dmg 磁盘镜像文件,双击后会弹出一个窗口,将 Cocos Creator 图标拖动到右边的 Application 文件夹即可,看下图: ?...铬,铬合金;铬黄;谷歌浏览器; Node.js:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

2.3K20
您找到你想要的搜索结果了吗?
是的
没有找到

async.jsCocos Creator中的应用

有网友在公众号上提问题,使用async.js在微信小游戏环境报错,由于Shawn这段时间有点懒癌发作,没有即时回复留言,已经超过48小时回复不了,在此表示歉意,今天用这篇教程分享async.js相关的的一些使用经验...一、在Cocos Creator中使用async.js库 在Cocos Creator项目中async.js有两种引方式: npm安装方式 源码插件方式 下面分别介绍这两种的具体操作步骤 npm安装方式...使用npm管理三方模块,首先需要在Cocos Creator项目中初始化npm的包管理配置文件package.json,在输入行中输入: > npm init 输入命令后,会要求输入一些信息,这不是我们的重点...只需要将aysnc.js或async.min.js其中一个文件入assets就可以了。将文件放入assets目录,激活Cocos Creator时会提示,是否需要设置为插件,看下图: ?...Shawn之前还有一篇教程《英雄之舞—凌波微步(利用async.js编写异步动画)》中对async.js在动画控制中有更多的说明,如有兴趣可以参考此篇教程。

3.2K30

Cocos Creator 国旗头像生成器,源码奉上!

关注「编程小王子」公众号回复【头像生成器】获得源码! 下面我重点介绍一下Cocos Creator H5 头像生成的实现方法。 ?...获取手机相册图片 在 Cocos Creator 中加载相册图片 Cocos Creator 屏幕截图 使用HMTL显示截屏图片 保存图片到相册 1....Cocos Creator 屏幕截图 设置头像的前景框非常简单,这里就不多说了,我看怎么把合成的图片保存下来。...这里是参考的Cocos Creator的范例合集中capture_to_web的做法,简单修改了一下,点击按钮生成截图: save () { //创建 HTML canvas 标签保存图像数据...小结 使用 Cocos Creator 不仅可以开发游戏,也能制作有效的小应用,如果在头像上加载一些Shader特效是不是会更酷呢?

1.2K10

【终极教程】cocos2dx-js 分批次混淆压缩js文件

:   1> 由于我们当前游戏框架的结构是平台形式的就是一个大厅里面有若干个子游戏,所以在发布的时候得区分子游戏和大厅了解了一下 project.json 里面有一个 jsList 可以把所有放进去的js...这样子弄显然不合适,所以针对大厅和子游戏单独做压缩混淆  2> 这里面主要采用的是ant + Closure Compile 方式 1.先来看一下我们项目的结构 ​ 游戏相关都在 GameUnit 文件夹下面...,项目需求是可以选择具体游戏发布H5的所以在同随发布文件project.json 文件新增一个字段 ​ 字段内容为 GameUnit 里面项目具体的文件夹的名字,执行写的python脚本 会通过 project.json...开始ios ipa重签名 第四项点击开始处理,ipaguard会自动尝试讲ipa安装到手机,如果是发布证书并且忘记关闭安装到设备选项,则安装可能会失败,但是ipa是正常生成的,可以用来上架。 ​

10010

有个机会来了!!!STEAM

2 安装 Electron 1.安装 Node.js(请选择最新的稳定版本) 2.创建一个 Electron 项目,打开 VSCode,找到你想要的项目文件夹,然后输入: npm init -y npm...i --save-dev electron 在同一个文件夹中创建一个名为 index.js 的文件,内容如下: const { app, BrowserWindow } = require('electron...Creator 项目,选择你希望将其导出到 Electron 项目中的某处,在 Electron 项目的根文件夹中创建一个名为cocosExport的子文件夹。...首先,在 Electron 项目的根文件夹中创建一个名为 Greenworks 的文件夹。在其中,复制 Greenworks 项目根文件中的 greenworks.js 文件和 lib 文件夹。...我发现更简单的方法是通过编辑构建项目时由 Cocos 生成的结果HTML(在 cocosExport 文件夹中的 index.html),将以下内容添加到输出 HTML,在 tag之前。

2.5K21

Cocos2d-x】开发基础-Cocos简介与环境搭建

image.png 可以看到,我们有4条线路来开发游戏 1、C线路:通过c++ 2、D线路:通过Lua(我们不需要管和c++的绑定) 3、B线路:JS绑定的引擎 cocos2d-js如果想开发本地游戏...,需要调用cocos2d-x(我们不需要管怎么绑定的,只要会JS,就能开发本地游戏) 4、A线路:开发网页游戏 4.在Windows平台下开始开发Cocos2d-x游戏 为什么选择在Window下开发游戏...和cocos2d_libs.xcodeproj在window下看起来是文件夹 但是如果拿到mac系统里,但是其实就是mac xcode的工程文件,在xcode就可以运行cocos2d_tests.xcodeproj...生成API文档 看文件夹docs,里面没有帮助文档 image.png 现在里面的内容是帮助我们生成帮助API文档的 类似Java的网页式的帮助文档 使用Doxygen(无法生成图片...这就是我们刚刚生成cocos2dx的文档 在此感谢CSDN学院关东升老师的教学视频!

1.7K30

cocos2d 在windows环境下搭建

特别说明: cocos2d-2.0.3:运行create-android-project.bat,然后用cygwin编译后,cocos2dx-2.0创建的helloworld不生成org.cocos2dx.lib...1、安装vs2010 2、然后运行cocos2d-x下的cocos2d-win32.vc2010.sln 3、右击解决方案、然后选生成解决方案 ? 这里需要等待一段时间.... 结果如下: ?...然后再试试:生成和运行cocos2d-x下面的build-win32.bat,就不会出现上面的问题了。 问题2: ?...:D:\work\cocos2d-x-2.0.1\template\msvc) 补充:此处可能出现的问题有两种: 问题一:installWizardForVS2010.js 无法打开: 解决办法: 打开注册表编辑器...添加库目录:lib文件夹(在你的工程目录下创建,然后从cocos2dx目录下去copy如下文件到这个lib下面) 如下图: ?

1.6K70

cocos2d-js 入门 (主要是HTML5)

cocos2d-jscocos2d-x的JavaScript版本,真正跨全平台的游戏引擎,采用原生JavaScript语言,可发布到包括Web平台,iOS,Android,Windows Phone8...利用cocos2d-js开发HTML5游戏/动画,我们可以通过SDK也可以直接使用js类库: l SDK下载:http://cn.cocos2d-x.org/download/ l js类库:http:...开始cocos2d-js开发前,需要洗洗脑,知道cocos2d-js的平面坐标情况。这跟HTML和canvas的布局都不一样。 ?...Cocos2d-js框架把游戏拆分为很多个场景,当玩家在不同界面切换的时候,框架实际上就是让游戏画面在不同场景中切换。跟Flash一样,cocos2d-js也有最基本的元素——节点Node。...通过这个简单例子,我们对cocos2d-js制作HTML5有了初步印象。

10.1K70

Windwos10下使用VS2017搭建cocos2d-x 4.0开发环境

三、编译安装cocos2d-x 4.0 开始安装,进入cocos2d-x-4.0文件夹,运行setup.py。安装过程中会问你NDK和Android SDK的路径,如果没有,直接回车就行。...-d E:\SoftDevelop\CPlus\Cocos2d_x_Games cocos new后面的HelloWorld是项目名,-l 指定语言(cpp,lua,js),-d是项目存放的路径。...详细可以看cocos new --help。 ? ? 执行完了后,可以看到HelloWorld文件夹内容是这样: ? 之后就是启动这个HelloWorld看效果了。...cocos2d-x 4.0是需要你先手动编译一下的,按照官方的顺序来,进入到HelloWorld文件夹,建立一个build文件夹。...-p win32 -m debug使用的是debug模式,若需要编译生成win32的release模式,则可将-m参数指定为release,使用cocos run --proj-dir ..

3K20

Cocos2d-x】开发基础-第一个Cocos2d-x游戏

cpp -d E://chxCocosWork HelloWord com.uifuture是包名,最好是写上(可以不写),因为在安卓发布打包需要 cpp是语言,表示生成c++语言,还有lua,js...E://chxCocosWork 为生成目录 HelloWord为工程名 image.png 如果你生成过程有问题,或者无法找到cocos命令,有可能是你的Path没有加进去,...也可以用这种写法 cocos new HelloWord -p com.uifuture -l cpp -d E://chxCocosWork 工程文件结构 生成的目录结构是这样的: image.png...Resources文件夹是资源文件夹。...libcocos2d就是所有cocos2d的源码都是放在这个工程里面的,这个是和项目根目录cocos2d这个文件夹对应的 运行工程:(第一次编译可能需要较长时间) image.png 左下角的一些数字

55610
领券