KUOKUO众享-CSDN博客

摘要对于想要学习 Cocos 的同学，单纯的看文档会导致枯燥乏味！网上寻找到教程，却又不想拉代码再一个一个打开项目看！有没有一个线上运行着的示例合集，还搭配配套代码呢？有啊！这不阔阔给搞出来了！正文线上运行的示例上述所有的示例都是线上运行着的，记住网址，电脑手机随时随地看！https://www.kuokuo666.com/cocos/3.4.2细心的小伙伴可能发现了，我把文档放到了 3.4.2 的子目录下。没错！每当 cocos 官方进行新版本发布时，我会升级到对应版本然后在新的子目录下对

2022-04-15 19:21:10 3562

原创拖挺好下次不许再拖了

CocosCreator的组件面板拖拽式对于游戏开发来说很方便，但是有时候面对数量过多的资源，拖拽就成了一件痛苦的事情！

2022-01-20 21:19:01 3005 1

原创 CocosCreator的文本是怎么渲染到网页的

CocosCreator的文本组件，输入文字后是怎么将其渲染到网页上面的？阔阔带你从头开始分析！

2022-01-10 19:20:57 1541 2

原创 CocosCreator与大整数运算库

摘要在相当久的一段时间里，挂机跳钱类游戏相当火爆。随着合成的进行，金钱会越来越多，出现了千亿、万亿、万万亿的数值，要知道最大的安全整数只有 9007199254740991，怎么做到的呢？正文使用工具谷歌浏览器CocosCreator 版本 2.4.3JSBI 大整数运算库先说说最大安全整数在谷歌浏览器的控制台可以看到 Number 是有个属性值代表着最大安全整数，大于这个值的运算都会有可能因精度丢失而运算错误！为什么是这个值呢？这个值用表达式是 Math.pow(2, 53) -

2021-01-30 11:42:33 1183 5

原创 CocosCreator之控制游戏触点数量

摘要在一部分游戏开发中，多点触控并不是被期望的。官方在 v2.3.0 版本时提供了单点触控的开关，但是并不能指定触点数量，且旧版本没法使用，那么可不可以实现这一功能呢？正文测试版本CocosCreator 版本 2.0.5CocosCreator 版本 2.1.2CocosCreator 版本 2.3.4CocosCreator 版本 2.4.2思维过程控制开关 cc.macro.ENABLE_MULTI_TOUCH 是新版才有的，想兼容旧版本还是要去更根源的地方找，跑到源码里先看看触摸

2020-11-08 20:13:46 1235

原创 CocosCreator之控制游戏速率实现倍速与慢动作

摘要在游戏开发中，游戏速率控制一直是一个需求，官方提供了计时器的控制接口以及动作系统的 cc.speed，但是使用起来不是很方便且无法影响到 update 控制逻辑以及物理系统，那么如何实现这一需求呢？正文使用版本CocosCreator 版本 2.3.4思维过程想问题还是要去根上找，跑到源码里先看看官方实现的计时器控制逻辑是怎么样的？在 CCSchedule.js 中可以看到有这样一个方法：setTimeScale: function (timeScale) { this._tim

2020-10-11 15:58:09 8385 21

原创 CocosCreator物理小游戏实战-别离开碗（四）完结！

摘要阔阔录制的物理小游戏视频教程更新到了26集！完结撒花！文章总结下后面部分，去 GitHub 给阔阔点个 Star 就是最大的认可。正文使用版本CocosCreator 版本 2.3.4视频链接为：https://www.bilibili.com/video/BV1ck4y167mRGitHub地址：https://github.com/KuoKuo666/NotLevelTheBowl碗的眨眼动作（第15集）使用 tween 实现一个永远重复的纹理切换：// 眨眼动作cc.twee

2020-09-20 00:51:12 905

原创 CocosCreator物理小游戏实战-别离开碗（三）

摘要时间过的真快，阔阔工作之余录制的物理小游戏视频教程也已经更新到了14集！可能这就是对技术的热爱吧！本文就对教程做下阶段性的总结！正文使用版本CocosCreator 版本 2.3.4视频链接为：https://www.bilibili.com/video/BV1ck4y167mR按钮动作&工具类Util（第5集）按钮的动作我没有使用按钮组件，而是使用了节点事件监听；使用解构简化事件类型的书写：const { TOUCH_START, TOUCH_END, TOUCH_CANCE

2020-08-22 13:59:05 713

原创 CocosCreator物理小游戏实战-别离开碗（二）

摘要CocosCreator 物理小游戏实战的视频教程也开更啦！来哔哩哔哩关注 KUOKUO 一起学习吧！正文使用版本CocosCreator 版本 2.3.4资源划分素材导入后进行资源分类，我这里将其分为 game 文件夹与 ui 文件夹，对应游戏场景使用资源和显示 UI 资源。静态单例管理UIManager 与 GameManger 分别绑定至管理节点，两者通讯靠 StaticInstance 脚本。import GameManager from "./GameManager"i

2020-07-03 21:46:25 735

原创 CocosCreator物理小游戏实战-别离开碗（一）

摘要CocosCreator 物理小游戏实战教程开更啦！来跟 KUOKUO 一起学习吧！开发语言为 TypeScript！正文使用版本CocosCreator 版本 2.3.4游戏效果游戏介绍这个物理小游戏玩法是要玩家控制轮盘，进而控制食物下落，让它们稳稳的落进碗里，掉出去就算游戏失败，而按照要求摆满碗就算过关。这个游戏是 KUOKUO 在 2019 年 8 月份就做成了微信小游戏，但是因为忙别的事情一直放在了那里，今天 KUOKUO 就把它简化后重写，另起了一个更贴切的名字，做成一个教程

2020-06-27 23:38:36 1730

原创优雅的模块化-上手推荐-静态单例

摘要在 CocosCreator 中我们经常有着在 A 脚本中调用 B 和 C 脚本中方法的需求，而循环引用和大量的 require/import 让新手头疼，今天 KUOKUO 分享一个简单的静态单例管理方式，简单易用。正文使用版本CocosCreator 版本 2.2.2一般写法在官方文档中，关于脚本的引用，是这样写的：var Player = require("Player")...

2020-05-03 21:48:16 521 3

原创 CocosCreator之KUOKUO分享-俄罗斯方块

摘要俄罗斯方块小游戏，TypeScript 语言，适合学习，已开源！正文使用版本CocosCreator 版本 2.2.2游戏演示一个月前就想做了，结果先鸽了半个月，16 天前完成 demo，后来又加入了方块数据编辑场景。再后面几天做了一些修改，加了一些注释，今天才做了出来，大家千万不要学我，要克服懒惰 O(∩_∩)O~关系图首先我们看下脚本的关系图：写些枚举枚举的...

2020-04-14 21:56:46 1940

原创优雅的模块化-远程资源加载-Promise封装

摘要CocosCreator 有着 cc.loader.load 这个远程加载能力，如何优雅的去完成这个任务呢？KUOKUO 通过一个小例子带你感受一下 Promise 的魅力。正文使用版本CocosCreator 版本 2.2.2回调写法在我的之前的博客中，关于音频资源加载，我是这样写的：/** 缓存所有音频资源 */public preLoadAllAudioClips (c...

2020-03-31 20:50:06 913

原创优雅的模块化-事件监听-On与Emit的实现

摘要CocosCreator 有着内置的事件系统，我们用起来也很是方便。那么我们自己如何简单的实现一个 EventManager 呢？KUOKUO 通过一个小例子带你学习。正文使用版本CocosCreator 版本 2.2.2明确目标我们要做一个事件管理模块，实现事件的监听方法 on，取消方法 off，事件发送 emit。事件数据类型首先，我们要想好事件用什么存储。选择用 Map...

2020-03-20 21:04:21 1023 2

原创优雅的模块化-单例模式-音频资源预加载

摘要CocosCreator 的音频资源本地加载有两种办法，其一是在脚本中声明并拖入属性面板，其二是利用 cc.loader 做动态加载。如何优雅的做音频资源预加载呢？KUOKUO 通过一个小例子带你学习。正文使用版本CocosCreator 版本 2.2.2明确目标我们要做一个音频资源加载模块，与场景解耦，通过名称获取音频资源。（预制体、图片资源同理）如下图，我们的目标是优雅的实现...

2020-03-08 20:08:09 1022

原创 CocosCreator之KUOKUO带你做物理切割（第二部分）

摘要物理切割第二部分，切割多个物体，利用 Mask 切割图片！正文使用版本CocosCreator 版本 2.1.3最终效果多切割原理通过上一部分的教程，我们已经知道了单切割的原理，但是很显然，KUOKUO 的第一篇博客显得不通用，只能切割一个物体。那么如何切割多个物体呢？第一步：分类，将不同碰撞体的点放入一个数组第二步：排除，将同碰撞体内部的点干掉第三步：排序，按照顺...

2020-02-20 15:08:22 2411

原创 CocosCreator之KUOKUO带你做物理切割（第一部分）

摘要有趣的物理小游戏总能让小伙伴们爱不释手，而 CocosCreator 的内置物理引擎让其开发变得更加简单。今天 KUOKUO 就为大家带来物理切割，从零开始做出切割单个物体！正文使用版本CocosCreator 版本 2.1.3最终效果层级管理如图，在层级管理器中有 3 部分：画布，物理层，绘图层。其中画布只是作为触摸节点，绘图层用于绘制红线，物理层中放入物理刚体。脚本有三个...

2020-02-17 13:46:08 3292 4

原创 CocosCreator与Socket.IO 实现游戏中聊天表情

作者：KUOKUO使用CocosCreator与Socket.io开发随着联网对战类小游戏的大火，在游戏中的聊天沟通功能显得尤为重要。那么如何实现聊天气泡、聊天表情甚至是自定义图片的发送呢？本场 Chat 将包含以下内容：在 CocosCreator 中使用 Socket.IO 聊天气泡的一种实现方式本地法实现游戏聊天表情后台在线更新聊天表情库发送自定义图片的一个思路...

2020-02-16 12:49:05 1452

原创 CocosCreator之KUOKUO带你做个加速带！起飞！

摘要有趣的物理小游戏总能让小伙伴们爱不释手，而 CocosCreator 的内置物理引擎让其开发变得更加简单。今天 KUOKUO 就做为大家带来物理的加速带，让主角小恐龙起飞！正文使用版本CocosCreator 版本 2.1.3最终效果[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lygj2jHU-1581684893655)(http://c...

2020-02-14 20:56:15 2195

原创 CocosCreator摄像机缩放移动后坐标转化

摘要在 CocosCreator 的触摸事件中的坐标是以屏幕左下角为原点的，那么我们在摄像机做缩放移动后，坐标该如何处理呢？正文使用版本CocosCreator 版本 v2.2.1演示布局一个主摄像机，一个 blocks 节点管理九个方块，且 blocks 节点大小为 600 * 600，只将事件绑定至 blocks 即可。事件监听我们写一个监听函数，打印坐标。onLoad ...

2020-02-01 11:57:19 1612

原创 CocosCreator+Axios+Express入门案例

摘要不得不说 JavaScript 能做的太多了，网上也有着越来越多优秀的框架，比如易用、简洁的 http 库 Axios，快速、极简的 Web 开发框架 Express。今天 KUOKUO 就来教大家如何使用它们完成前后端通讯。（底部有具体视频演示链接哦！）正文环境CocosCreator 版本 2.1.2Node.js 环境如无服务器可以在本地调试（localhost）安装...

2020-01-28 12:47:20 4192 5

原创 CocosCreator之KUOKUO带你搞反射-获取电池信息

摘要在使用 CocosCreator 打包的原生应用中，我们可以通过引擎封装好的反射机制调用 Java 的静态方法，从而实现提示、相册、支付跳转等功能。本次内容为利用 jsb 读取返回的电池信息。正文先看效果版本说明CocosCreator 为 2.2.1 版本。AndroidStudio 为 3.5.2 版本。JDK 为 13 版本。（具体：13.0.1）NDK 为 20 ...

2020-01-25 13:31:16 3319 1

原创 CocosCreator之KUOKUO带你搞反射-jsb读取相册图片

摘要在使用 CocosCreator 打包的原生应用中，我们可以通过引擎封装好的反射机制调用 Java 的静态方法，从而实现提示、相册、支付跳转等功能。本次内容为利用 jsb 读取相册图片。正文先看效果版本说明CocosCreator 为 2.2.1 版本。AndroidStudio 为 3.5.2 版本。JDK 为 13 版本。（具体：13.0.1）NDK 为 20 版本。...

2020-01-21 00:49:02 3995 5

原创 CocosCreator之KUOKUO带你搞反射-简单的安卓交互

摘要在使用 CocosCreator 打包的原生应用中，我们可以通过引擎封装好的反射机制调用 Java 的静态方法，从而实现提示、相册、支付跳转等功能。本次内容为环境介绍与简单的交互。正文先看效果版本说明CocosCreator 为 2.2.1 版本。AndroidStudio 为 3.5.2 版本。JDK 为 13 版本。（具体：13.0.1）NDK 为 20 版本。（具体...

2020-01-15 23:02:23 1523

原创 CocosCreator进阶实战第五部分：工具类与子弹射击

title: CocosCreator进阶实战第五部分：工具类与子弹射击date: 2019-12-28 12:00:00摘要最终部分：工具类、子弹射击与 Boss 随机移动。正文版本说明使用 CocosCreator 的 2.1.3 版本开发。建议先下载完整项目工程，搭配文章“食用”！源码链接在文章最下方。工具类游戏中一些常用的方法我们一般都会封装起来，起名为 Util。这...

2019-12-28 19:43:39 2708

原创 CocosCreator进阶实战第四部分：工厂模式

title: CocosCreator进阶实战第四部分：工厂模式date: 2019-12-26 12:00:00摘要工厂模式是最常用的设计模式之一。这种类型的设计模式属于创建型模式，我们在创建对象时不会暴露创建逻辑而是直接给出“产品”。正文版本说明使用 CocosCreator 的 2.1.3 版本开发。建议先下载完整项目工程，搭配文章“食用”！源码链接在文章最下方。子弹类型...

2019-12-26 21:08:39 1579

原创 CocosCreator进阶实战第三部分：面向对象

title: CocosCreator进阶实战第三部分：面向对象date: 2019-12-24 12:00:00摘要面向对象是一种对现实世界的理解和抽象、是把属性和方法组织为一个对象来看待的思维、是作为程序员必然要掌握的一种方法！正文版本说明使用 CocosCreator 的 2.1.3 版本开发。建议先下载完整项目工程，搭配文章“食用”！源码链接在文章最下方。对象分析子弹...

2019-12-24 22:12:07 880

原创 CocosCreator进阶实战第二部分：编码规范

title: CocosCreator进阶实战第二部分：编码规范date: 2019-12-20 12:00:00摘要代码规范的重要性不再赘述，所以第二部分文章内容为项目使用的编码规范并使用代码举例。正文版本说明使用 CocosCreator 的 2.1.3 版本开发。建议先下载完整项目工程，搭配文章“食用”！源码链接在文章最下方。编码规范使用小驼峰式为变量、属性、函数命名：...

2019-12-20 22:30:27 848

原创 CocosCreator进阶实战第一部分：头脑风暴

title: CocosCreator进阶实战第一部分：头脑风暴date: 2019-12-17 12:00:00摘要经过一段时间的学习，相信小伙伴们已经能够写出一些小游戏了。不过不知你是否同我一样，在学习之初不注意代码结构呢？KUOKUO 不敢说现在自己的代码写得有多好，只是希望能让读者有所收获，也是对自己学习的一种总结，对写作技巧的提高！所以 KUOKUO 决定分享 Alive 这一项...

2019-12-17 23:08:53 909