分类：Cocos

2021
05-02

CocosCreator怎样使用cc.follow进行镜头跟随

CocosCreator版本：2.3.4Demo下载：https://files-cdn.cnblogs.com/files/gamedaybyday/cocos2.3.4_ccfollow.7z说先来使用下cocoscreator自带的跟随代码，cc.follow。CC.Follow使用一、设置地图适配容器leftNode假设这是个横屏跑酷游戏。地图大小1500x1500，那么leftNode高宽为1500x1500，并且widget居左下对齐。二、设置地图容器map地图容器也是1500x1500，和leftNode区别就是没有适配组件widget，因为你用了widget，就没法让地... 继续阅读 >
2021
05-02

详解CocosCreator中几种计时器的使用方法

一、setTimeOut3秒后打印abc。只执行一次。setTimeout(()=>{console.log("abc");},3000);删除计时器，3秒后不会输出abc。lettimeIndex;timeIndex=setTimeout(()=>{console.log("abc");},3000);clearTimeout(timeIndex);setTimeout这样写，test函数中输出的this是Window对象@ccclassexportdefaultclassHelloworldextendscc.Component{privatea=1;start(){setTimeout(this.test,3000);}... 继续阅读 >
2021
05-02

CocosCreator学习之模块化脚本

CocosCreator模块化脚本CocosCreator允许你将代码拆分成多个脚本文件，并且让它们相互调用。这个步骤简称为模块化。模块化使你可以在CocosCreator中引用其它脚本文件：访问其它文件导出的参数调用其它文件导出的方法使用其它文件导出的类型使用或继承其它ComponentCocosCreator中的JavaScript使用和Node.js几乎相同的CommonJS标准来实现模块化，简单来说：每一个单独的脚本文件就构成一个模块... 继续阅读 >
2021
05-02

怎样在CocosCreator中使用物理引擎关节

CocosCreator版本2.4.2mousejoint鼠标关节cocos文档定义：鼠标关节用于使刚体上的一个点追踪一个指定的世界坐标系下的位置。鼠标关节可以指定一个最大的里来施加一个柔和的约束。鼠标关节会自动使用mouseregion节点来注册鼠标事件，并且在触摸移动事件中移动选中的刚体。注意：一般鼠标关节只在测试环境中使用说明：任意cc.Node上添加鼠标关节，设置mouseRegion为Canvas，弹力和阻尼都为1MouseRegion：鼠标注册节点Frequency... 继续阅读 >
2021
05-02

如何在CocosCreator中使用JSZip压缩

CocosCreator版本：2.4.2jszip的实际项目应用游戏中有大量配置的情况下，文件会变得非常大，所以有些游戏会采用zip包压缩解压例如如下游戏，将游戏配置config.json压缩成zip包，加载后进行解压使用拿到他的配置压缩包将.bin改成.zip，进行解压，得到游戏的所有json配置文件未压缩之前6M+压缩后文件500KB+，压缩后小了10倍左右。在cocos中使用jszip首先，在github上下载jszip库 https://github.com/Stuk/jszip将下载的jszip.m... 继续阅读 >
2021
05-02

CocosCreator入门教程之用TS制作第一个游戏

前提无论学什么技术知识，官方文档都应该是你第一个教程，所以请先至少阅读新手上路这一节http://docs.cocos.com/creator/manual/zh/getting-started/再来看这篇文章。这里假设你已经安装成功了CocosCreator。TypeScriptVSJavaScript这里当然只会讲优点：1.ts是js的超集，所有js的语法ts都支持。2.ts支持接近完美的代码提示，js代码提示接近于没有。3.ts有类型定义，编译时就可以排除很多无意义的错误。4.... 继续阅读 >
2021
05-02

解读CocosCreator源码之引擎启动与主循环

前言预备不知道你有没有想过，假如把游戏世界比作一辆汽车，那么这辆“汽车”是如何启动，又是如何持续运转的呢？如题，本文的内容主要为CocosCreator引擎的启动流程和主循环。而在主循环的内容中还会涉及到：组件的生命周期和计时器、缓动系统、动画系统和物理系统等...本文会在宏观上为大家解读主循环与各个模块之间的关系，对于各个模块也会简单介绍，但不会深入到模块的具体实现。因为如果把每个模块都“摸”一遍，那这篇文... 继续阅读 >
2021
05-02

CocosCreator通用框架设计之资源管理

如果你想使用CocosCreator制作一些规模稍大的游戏，那么资源管理是必须解决的问题，随着游戏的进行，你可能会发现游戏的内存占用只升不降，哪怕你当前只用到了极少的资源，并且有使用cc.loader.release来释放之前加载的资源，但之前使用过的大部分资源都会留在内存中！为什么会这样呢？cocoscreator资源管理存在的问题资源管理主要解决3个问题，资源加载，资源查找（使用），资源释放。这里要讨论的主要是资源释放的问题，这个... 继续阅读 >
2021
05-02

如何在CocosCreator中做一个List

CocosCreator版本：2.3.4cocos没有List组件，所以要自己写。从cocos的example项目中找到assets/case/02_ui/05_listView的demo来改造。自写一个虚拟列表，有垂直布局，水平布局，网格布局和Padding的ListDemo地址：https://files-cdn.cnblogs.com/files/gamedaybyday/cocos2.3.4_ListViewDemo_Grid.7zcocos原来的LayOut做列表，有100个数据就有100个实例（左侧图）。而虚拟列表则只有你看见的实例存在，当滑动时会循环使用。（右侧... 继续阅读 >
2021
05-02

如何在CocosCreator中使用http和WebSocket

CocosCreator版本2.3.4一、HttpGETGet方式，客户端请求本机地址3000端口，并携带参数url和name，服务端收到后返回name参数。cocos客户端：//访问地址leturl="http://127.0.0.1:3000/?url=123&name=321";//新建Httpletxhr=newXMLHttpRequest();//接收数据xhr.onreadystatechange=function(){if(xhr.readyState==4&&(xhr.status>=200&&xhr.status<400)){varresponse=xhr.responseText;... 继续阅读 >
2021
05-02

剖析CocosCreator新资源管理系统

1.资源与构建1.1creator资源文件基础在了解引擎如何解析、加载资源之前，我们先来了解一下这些资源文件（图片、Prefab、动画等）的规则，在creator项目目录下有几个与资源相关的目录：assets所有资源的总目录，对应creator编辑器的资源管理器library本地资源库，预览项目时使用的目录build构建后的项目默认目录在assets目录下，creator会为每个资源文件和目录生成一个同名的.meta文件，meta文件是一个json文件，记... 继续阅读 >
2021
05-02

CocosCreator骨骼动画之龙骨DragonBones

CocosCreator版本2.3.4龙骨动画将龙骨动画放到cocos的assets下。我这里龙骨动画是Dragonbones导出的二进制动画。直接拖拽龙骨动画(骨头图标)到舞台设置骨骼动画的属性，DragonAltasAsset图片，Animation动作，PlayTime循环播放等代码生成龙骨动画龙骨资源路径是assets/resources/dragonbones，loadResDir只需要填dragonbones就行了。//根据路径加载资源cc.loader.loadResDir("dragonbones",cc.Asset,null,(err,resource)=>{... 继续阅读 >
2021
05-02

详解CocosCreator制作射击游戏

场景布置游戏资源炮塔旋转机制与之前手柄实例的小车相同，使用touchmove监听触摸事件，获取触摸位置通过位置用signAngle方法将该位置与cc.v2(1,0)位置的角度差求出（记得要加负号，比较所得逆时针为负，赋值angle逆指针为正）。所求的的角度即为最终角度。onLoad(){//初始化为90度this.node.angle=90;this.node.on('touchstart',this.onTouchStart,this);this.node.on('touchmove',t... 继续阅读 >
2021
05-02

如何在CocosCreator里画个炫酷的雷达图

前言雷达图（RadarChart）也称为网络图、星图或蜘蛛网图。是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多元数据的图形方法。适用于显示三个或更多的维度的变量。雷达图常用于📚数据统计或对比，对于查看哪些变量具有相似的值、变量之间是否有异常值都很有用。同时在不少游戏中都有雷达图的身影，可以很直观地展示并对比一些数据。例如王者荣耀中的对战资料中就用到了：那么在本篇文章中，皮皮... 继续阅读 >
2021
05-02

详解CocosCreator MVC架构

概述这一篇将介绍在游戏客户端常用的架构MVC架构。一个游戏的MVC如下划分：M：1）单例全局的数据中心World，所有游戏模块的数据在World中有入口，2）各个模块自己的数据结构。V：1）通过creator预制体制作的UI界面、场景，2）各个界面显示逻辑的ViewCtrlC：1）全局的MainCtrl，2）各个模块的业务逻辑类ModuleCtrl具体模块先介绍M部分。由于一个模块的数据，在其他模块也有访问的需求，例如好友模块，在聊天的时候也需要访问，在排... 继续阅读 >
2021
05-02

详解CocosCreator消息分发机制

概述本篇开始介绍游戏业务架构相关的内容。在游戏业务层，所有需要隔离的系统和模块间通信都可以通过消息分发解耦。例如网络返回通知、数据更新同步到界面等。消息分发基于观察者模式设计。需要处理消息的地方向消息中心注册监听回调，派发消息时，调用消息中心的派发接口遍历该消息的监听队列，调用对应的回调方法。具体方案先定义监听回调类型/***消息监听回调方法*/exporttypeNotifyListener=(src:any,data:any)=>v... 继续阅读 >