如何你的游戏是采用 Cocos Creator 开发制作并希望发布为桌面应用，这篇文章将给予你帮助。...Creator 导出到 Electron 打开你的 Cocos Creator 项目，选择你希望将其导出到 Electron 项目中的某处，在 Electron 项目的根文件夹中创建一个名为cocosExport...现在，你需要将一些文件复制到你的 Electron 项目中。 首先，在 Electron 项目的根文件夹中创建一个名为 Greenworks 的文件夹。...此外，在测试时，请确保 Steam 已打开并正在运行，并且你拥有游戏 ID。...我发现更简单的方法是通过编辑构建项目时由 Cocos 生成的结果HTML（在 cocosExport 文件夹中的 index.html），将以下内容添加到输出 HTML，在 tag之前。
最初的想法是一个场景对应一个关卡，然后关卡编辑人员直接通过 Cocos Creator 3D 进行关卡编辑，直接运行便可看到效果。...，最后持久化自定义格式的文件中,然后再加载地图时根据动态去创建地图元素。...需要注意的是，目前引擎在一个场景里只支持一个平行光，多个平行光将会没有效果，如果要补光可能要采用其它方式。 ? 04 拖尾效果如何制作？ 首先，创建新的粒子系统，调整对应的粒子参数，如图： ? ?...同时要更改车的材质，将材质的 Effect 修改为 builtin-unlit，这样车辆展示在 UI 上面就不需要受到灯光的影响。 ?...使用美术提供的素材，在Cocos Creator 3D 中完成关卡的编辑，最后在游戏中运行起来。
本文将会介绍什么是 DrawCall，为什么要减少 DrawCall 以及在 Cocos Creator 项目中如何减少 DrawCall 来提升游戏性能。 正文 什么是 DrawCall？...发生了什么 当我们在讨论减少 DrawCall 时我们在讨论什么？ 其实我们真正需要减少的并不是 DrawCall 这个行为本身，而是减少每个 DrawCall 前置的一些消耗性能和时间的行为。...在项目构建时，编辑器会将所有自动图集资源所在文件夹下的所有符合要求的图像分别根据配置打包成一个或多个图集。...动态合图（Dynamic Atlas） 这里引用官方文档中对于动态合图的介绍： Cocos Creator 提供了在项目构建时的静态合图方法 —— 「自动合图」（Auto Atlas）。...所以 Cocos Creator 在 v2.0 中加入了 「动态合图」（Dynamic Atlas）的功能，它能在项目运行时动态的将贴图合并到一张大贴图中。
在 Cocos Dashboard 创建新 Cocos 项目 01....在官网 https://www.cocos.com/creator 下载并安装 Cocos Dashboard 使用 Cocos Dashboard 管理 Cocos Creator 引擎安装和创建项目...在 Cocos Dashboard 创建新 Cocos Creator 项目 点击 Project 面板 选择 Cocos Creator 版本 选择 Empty(3D) 项目模板 输入项目名称 选择项目保存在硬盘上的位置...导入模型资产到 Cocos Creator 工程 01. 将做好的模型文件，拖入到项目文件夹内的 Models 下面。Cocos Creator 会自动加载所有资产。 02....将做好的贴图文件，拖入到项目文件夹内的 Textures 下面。 03. 贴图导入 Cocos Creator 后，设置贴图的类型。
Cocos2d-x 游戏开发-打包apk被默认自带了很多不必要的权限导致apk被报毒，如何在Cocos 2d-x中强制去掉不必要的权限-优雅草卓伊凡实战操作去除权限要在 Cocos2d-x 开发的游戏中去掉...在 proguard-rules.pro 文件中添加相应的规则来混淆和去除不必要的权限。...检查 Android.mk 文件：如果你使用 Cocos2d-x，可以检查 Android.mk 文件，确保没有包含不需要的模块或库。重新打包 APK：保存所有更改后，重新打包你的 APK 文件。...如果没有，创建一个新的文件。添加规则来去掉不需要的权限： ProGuard 本身并不能直接去掉权限，但你可以确保不需要的代码和类不会被打包到 APK 中，从而避免其使用相关权限。...一定要确保打包的安卓包在运行安装后没有提示检测到以上不必要权限，视为成功。
本文将会介绍什么是 DrawCall，为什么要减少 DrawCall 以及在 Cocos Creator 项目中如何减少 DrawCall 来提升游戏性能。 正文 什么是 DrawCall？...在项目构建时，编辑器会将所有自动图集资源所在文件夹下的所有符合要求的图像分别根据配置打包成一个或多个图集。...Cocos Creator 内置，方便到家了 功能不多但是该有的都有，免费 项目构建时才生成图集，开发时任意修改无压力 图集尺寸在生成时自适应，节省空间 支持自动纹理压缩 TexturePacker...动态合图（Dynamic Atlas） 这里引用官方文档中对于动态合图的介绍： Cocos Creator 提供了在项目构建时的静态合图方法 —— 「自动合图」（Auto Atlas）。...所以 Cocos Creator 在 v2.0 中加入了 「动态合图」（Dynamic Atlas）的功能，它能在项目运行时动态的将贴图合并到一张大贴图中。
这两款编辑器的安装都很简单，这里主要介绍在Cocos Creator项目中如何调整编辑器配置，以提升开发效率。 1....排除干扰文件 我们知道Cocos Creatror会为项目资源文件生成同名的meta文件，在代码编辑器中很是碍眼，而且也不能更改里面的内容，严重干扰我们在代码编辑器中浏览文件，请看下图： ?...我这们里介绍在VSCode和Webstorm如何屏蔽干扰文件。...Webstorm 接下来我们看在Webstorm中怎么排除干扰文件，先在Webstorm中打开Cocos Creator项目，使用快捷键ctrl+,/cmd+,打开Preferences窗口，在左上角过滤框输入...执行菜单命令后，Cocos Creator会在当前工程中添加一个creator.d.ts文件，此文件也是我们熟悉Cocos Creator API接口的重要文件，而且是中英两语的哦！
Cocos Creator 中 TS 和 JS 在使用上的区别」 「6. 如何创建 Cocos Creator TS 项目」 「7....静态类型检查 静态类型检查让 TS 在编辑器中披上「强类型语言」的“马甲”，使得开发者在「编码时」就可以「避免大多数类型错误的情况发生」，而开发者要做的就「只是声明变量时多写一个符号和一个单词」。...一般 Cocos Creator 项目的根目录下都有一个声明文件 「creator.d.ts」 ，文件中声明了 Cocos Creator 引擎几乎所有可用的 API 。...const Direction = cc.Enum({ Up = 1, Down, Left, Right }); ---- 如何创建 Creator TS 项目 新建项目时...「creator.d.ts」 是 Cocos Creator 引擎 API 的声明文件 「tsconfig.json」 是 TypeScript 项目的环境配置文件 混用 在 Creator 项目中添加配置后
静态类型检查让 TS 在编辑器中披上强类型语言的“马甲”，使得开发者在编码时就可以避免大多数类型错误的情况发生，而开发者要做的就只是声明变量时多写一个符号和一个单词。...一般 Cocos Creator 项目的根目录下都有一个声明文件 creator.d.ts ，文件中声明了 Cocos Creator 引擎几乎所有可用的 API 。...const Direction = cc.Enum({ Up = 1, Down, Left, Right }); 如何创建 Creator TS 项目 新建项目时，...creator.d.ts 是 Cocos Creator 引擎 API 的声明文件 tsconfig.json 是 TypeScript 项目的环境配置文件 ?...在 Creator 项目中可以混用 JS 和 TS 脚本，也能享受到 TS 到来的福利。也就是说原有的 JS 脚本可以保留，不影响后续添加新的 TS 脚本。
快速开始 在开始之前，让我们确保在您的本地机器上安装了必要的系统需求。 系统必需： Download and install Node.js v12.0 或更高版本。.../my-colyseus-app 从官方的例子来看 或者，您可以通过克隆示例项目并在本地运行它来查看一些实际示例。...Creator 3.0 (请参阅说明) http://www.cocos2d-x.org/creator 用法 在项目中包括 JavaScript SDK 如果你正在使用一个构建工具(webpack...将 colyseus.js 和 colyseus.d.ts 文件移到 Cocos Creator 项目的 scripts 文件夹中。...此事件在服务器更新其状态时触发。 room.onStateChange.once((state) => { console.log("this is the first room state!"
【02】Cocos游戏开发引擎从0开发一款游戏-cocos项目目录结构熟悉-调试运行项目-最重要的assets资源文件认识-场景sense了解-优雅草卓伊凡开发背景接下来我们直接打开我们的项目开始进一步操作...temp作为临时文件的存储目录，在项目开发和构建过程中，Cocos Creator 会生成一些临时文件，这些文件会存放在该目录下。packages用于存放项目的插件包。...build项目构建输出的目录，当你使用 Cocos Creator 进行项目构建时，生成的可运行文件会存放在这里，根据不同的平台和构建配置，会生成不同格式的文件。...我们在左上角点击 项目 -运行预览 是可以直接在浏览器运行到预览的可以看看不过发现进不去，这个后面再来。...当资源文件的名称或位置发生改变时，只要.meta文件存在且其中的 GUID 不变，Cocos Creator 依然能够正确地找到和引用该资源。
前言 预备 不知道你有没有想过，假如把游戏世界比作一辆汽车，那么这辆“汽车”是如何启动，又是如何持续运转的呢？ 如题，本文的内容主要为 Cocos Creator 引擎的启动流程和主循环。...：启动引擎 这部分的代码就不贴了，小伙伴们可以看看自己的项目构建后的 main.js 文件。.../engine/blob/2.4.3/cocos2d/core/CCGame.js#L491 prepare() cc.game.prepare() 函数内主要在项目预览时快速编译项目代码并调用 _prepareFinished...#L472 对于快速编译的细节，可以在项目预览时打开浏览器的开发者工具，在 Sources 栏中搜索（Ctrl + P） __quick_compile_project__ 即可找到 __quick_compile_project...对前端不太熟悉的小伙伴可能会有疑问，window.requestAnimationFrame() 又是啥，是用来干嘛的，又是如何运行的？
1.初始化package.json文件 npm init 当新建好cocos-js或creator项目，在项目根目录使用npm init命令，一路回车，将在当前目录创建package.json文件用于nodejs...在creator项目中使用proto文件 ?...javascript是动态语言，可以在运行时产生对象，因此protobufjs提供了更为便捷的动态编译，将proto文件中的对象生成js对象，下面简要讲解一下在creator中具体的使用步骤： 1.加载...我之前的文章提到过在选择nodejs模块时，要注意是否同时支持nodejs和web，只要是纯js的模块在cocos中一般都可以随便用，比如async、undersocre、lodash等。...了解creator动态加载资源的方法 请大家思考一个问题，creator项目中的一张图片，在web与cocos-jsb上他们的文件路径会一样吗？
本项目主要用作cocos creator练手使用，所有美术素材和音频材料均来源于 http://www.wesane.com/game/654/%E3%80%82 感谢原作者，向每一位游戏开发者致敬！...当堆积的水果超过顶部红线时则游戏结束 整理出需要实现的核心逻辑 生成水果 水果下落与碰撞 水果消除动画效果及升级逻辑 预备工作 cocos creator基本概念 整个项目使用cocos creator...水果消除时的爆炸声和水声 创建游戏场景和背景 打开cocos creator，新建一个项目（也可以直接导入从github下载的项目源码）。 然后记得将刚才下载的素材资源拖拽到右下角的资源管理器中。...现在整个游戏场景大概是这个样子的 接下来设计游戏的逻辑脚本部分 场景脚本组件 在assets目录下新建一个js脚本，按照惯例命令成Game.js，creator会生成一个带基础cc.Class的模板文件...，在两个相同水果发生碰撞时，我们通过事件通知Game.js，这样可以在初始化水果的时候注册sameContact自定义事件的处理方法 // Game.js createOneFruit(num) {
在 2020 最后的几个月内，我们将尽全力带给大家 2D 和 3D 融合后的 Cocos Creator v3.0 版本。...届时 Creator 引擎将涅槃重生，开启我们最为重要的新旅程：将 Cocos Creator 打造为世界级游戏引擎。...除此之外，我们也优化了编辑器中脚本编译的性能，尤其是对存在大量脚本的项目，可以大幅度提高脚本更改时的效率。同时，预览项目也会应用项目设置中的引擎模块选择，加强了预览和构建体验的统一性。...”即可打开 新增 Shortcuts 功能，允许自定义快捷键，点击“Cocos Creator”主菜单项的“快捷键”即可打开 Inspector 增加离开时自动保存配置，离开正在编辑的资源的时候自动保存.../creator3d/1.2/manual/zh/concepts/scene/fog.html [项目设置文档的引擎宏配置章节] https://docs.cocos.com/creator3d/1.2
当资源没有正确释放时，引擎可能会继续绘制未使用的资源，导致不必要的 Draw Call。...配置完成后可以预览打包结果，包括已打包的图集和未能打包的碎图。在构建项目时，自动图集资源会生成真正的图集文件。...使用Cocos Creator自带工具的自动图集配置 https://docs.cocos.com/creator/2.0/manual/zh/asset-workflow/auto-atlas.html...目前 Mask 组件、Spine 组件、DragonBone 组件都会打断批处理，在节点结构上我们要避免被打断的情况发生。...了解详情小游戏暂时不支持2）小游戏测速查看开发文档3）引擎分离注意构建时需要删掉构建模版里的引擎源码压缩文件，才不会报md5不同小游戏内置的cocos引擎插件源码有bug，进入自动释放资源的场景回循环报错
Live Sass Compiler：将Sass文件转换为CSS文件。 注：在不使用框架的情况下开发项目非常有用，但是使用框架后就不需要将Sass文件转为CSS文件。...编辑器拓展 4.1 Cocos-creator 让VSCode能够成为Cocos开发工具，cocos-creator目前主要用来做H5游戏。...Cocos Debug cocos-creator 4.2 主题 Atom One Dark Theme One Dark Pro vscode-icons：将VSCode左侧文件预览图标变得多样化。...Code Runner：使VSCode具有直接运行各种编程语言的能力。 Code Spell Checker：检测项目中的单词是否有拼写上的错误。...Live Server：能够启动一个服务器，当代码进行变动时自动刷新浏览器，主要是用于原生开发。 npm：检测项目中的package.json文件，可以通过该插件快速启动项目。
，之后我们就可以开始了： 下载初始项目 您也可以下载最终完成的项目，跟随教程制作过程中有任何不明白的地方都可以打开完成版的项目作为参考： 下载完成项目 打开初始项目 如果您还不了解如何获取和启动 Cocos...我们首先启动 Cocos Creator，然后选择打开其他项目 在弹出的文件夹选择对话框中，选中我们刚下载并解压完成的 start_project，点击打开按钮 Cocos Creator 编辑器主窗口会打开...可以看到，项目资源的根目录名叫assets，对应我们解压之后初始项目中的 assets 目录，只有这个目录下的资源才会被 Cocos Creator 导入项目并进行管理。...创建游戏场景 在 Cocos Creator 中，游戏场景（Scene）是开发时组织游戏内容的中心，也是呈现给玩家所有游戏内容的载体。...保存脚本，然后我们就可以开始第一次运行游戏了！ 点击 Cocos Creator 编辑器上方正中的预览游戏按钮 ?
近日，ID“woskymi”的开发者在 Cocos 社区分享了他采用 Cocos Creator 2.1.2 制作的 3D 小游戏《飞跃地平线 Plus》引发论坛热议。 ?...C姐：你是如何从零开始学习 Cocos Creator 呢？...C姐：什么时候开始接触 3D 项目开发呢？ 通过这个 2D Demo 项目熟悉了 Creator 之后，我就开始尝试做 3D 项目，就是这款《飞跃地平线 Plus》。 ?...相比前一款，这个 3D 项目用的图片就比较少了，素材主要是 Low Poly 低多面体风格的 FBX 模型和材质文件。...我非常喜欢 Cocos Creator 的开发方式，用着也很爽！祝 Cocos Creator 发展越来越好，百尺竿头更进一步！ C姐：谢谢 woskymi，非常感谢你为社区做的贡献。
「森的森」爱读诗歌的六年老码农 从 Cocos2d-x 到 Cocos Creator 写过数款网络游戏 平时也会发布一些贴子到 Cocos 论坛 时不时会发一些 Demo 和插件 今天受晓衡哥邀请，来介绍一下我的...二、SDK 接口代码 NativeAPI 提供的 Demo 工程可以在 iOS、Android 端运行，但是可能要根据自己的 Cocos 引擎配置做相关更改。...Demo 是基于 Cocos Creator 2.3.4 创建，但是关键代码可运行在任何版本Cocos Creator中。...导入文件 把关键代码中的ios对应的 .h 和 .m,.mm 等文件拷贝到项目中。 ? NativeAPI-iOS接口文件 例如 Demo 工程路径：.....添加文件到 Xcode ? image-20201027101451226 在Xcode中添加这些文件到项目，这样编译的时候，才会编译到这些文件。 3.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
