自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(137)
  • 资源 (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 200

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

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

2020-10-11 15:58:09 2316 8

原创 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 238

原创 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 191

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

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

2020-07-03 21:46:25 314

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

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

2020-06-27 23:38:36 507

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

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

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

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

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

2020-04-14 21:56:46 524

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

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

2020-03-31 20:50:06 434

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

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

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

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

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

2020-03-08 20:08:09 366

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

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

2020-02-20 15:08:22 987

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

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

2020-02-17 13:46:08 1553 2

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

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

2020-02-16 12:49:05 734

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

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

2020-02-14 20:56:15 378

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

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

2020-02-01 11:57:19 727

原创 CocosCreator+Axios+Express入门案例

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

2020-01-28 12:47:20 1021

原创 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 2749

原创 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 2366 2

原创 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 555

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

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

2019-12-28 19:43:39 724

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

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

2019-12-26 21:08:39 725

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

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

2019-12-24 22:12:07 453

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

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

2019-12-20 22:30:27 302

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

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

2019-12-17 23:08:53 421

原创 用一次函数来实现瞄准线的反射

摘要瞄准线分三种:无效果直射、遇墙反射、遇墙与球体反射。今天 KUOKUO 用一次函数与绘图组件来实现第二种:遇墙反射。正文版本说明使用 CocosCreator 的 2.2.1 版本演示。一次函数相信大家都知道一次函数 y = k·x + b,如下图,它就是条直线。只要确认了 k 与 b,就确认了这条直线。b 的值是如何求的呢?x = 0 时对应的 y 值。所以 b 的值体现...

2019-12-07 19:10:04 378

原创 CocosCreator特效系列之素描效果

摘要素描是一种唯美的艺术创作,可以用单色线条来表现事物。那么 KUOKUO 今天为大家带来的就是 CocosCreator 的素描化 Effect。正文版本说明使用 CocosCreator 的 2.2.0 版本演示。边缘检测原理边缘检测是图像处理和计算机视觉中的基本问题,边缘检测的目的是标识图像中亮度变化明显的点。好,那我们就研究下如何寻找图像中亮度变化明显的点。我们目前能获得的...

2019-11-30 20:20:32 321

原创 CocosCreator之KUOKUO带你封装个摇杆

摘要关于摇杆的实现网上有很多,但是耦合度比较高。今天 KUOKUO 将摇杆实现抽出来,单独一个脚本并声明了一个可拖入回调。正文版本说明使用 CocosCreator 的 2.2.0 版本演示。节点层级新建个空节点作为管理节点(joystick),然后是背景与中心节点。监听事件建议把监听写在背景节点,这样触摸范围大些,体验好。// joyBk为背景节点start () { ...

2019-11-28 17:07:15 549 1

原创 CocosCreator之KUOKUO带你做音乐可视化

摘要音乐干听多没劲,来点可视化效果让音乐“动”起来!底部源码分享!正文说明在浏览器端 AudioContext 是一个专门用于音频处理的接口,工作原理是将 AudioContext 创建出来的各种节点相互连接,音频数据流经这些节点,我们对其控制。如何播放先初始化环境。let AudioContext = window.AudioContext;let audioContext ...

2019-11-24 11:19:32 632

原创 CocosCreator3D之视角移动

摘要你是否困惑于 CocosCreator3D 的视角与移动?KUOKUO 带你搞定!底部源码相送!正文版本说明使用 CocosCreator3D 的 1.0.1 版本演示。模型的移动在二维和三维的移动控制中,对于平面移动,虽然也都是控制两个方向,但是还采用角度计算的方式会出现很多问题,毕竟还有第三个轴。我们要转变思维,从 Math.sin 与 Math.cos 转变为 Vec3 ...

2019-11-21 15:58:26 2045

原创 CocosCreator特效系列之图片像素化

摘要不管是游戏还是影视,像素风格总能吸引到一大部分人。KUOKUO 今天为大家带来 CocosCreator 的像素化 Effect。正文版本说明使用 CocosCreator 的 2.2.0 版本演示。像素化原理对于一张图片,它是有着大量的像素点的。数量多到一定程度你就感觉不到像素的存在,我们会觉得这个图片的细节展示的很好。这时,如果你把这些像素分区,相邻的一部分像素都显示为同一...

2019-11-13 21:32:47 663

原创 CocosCreator3D宇宙场景展示

摘要跟 KUOKUO 一起初探 CocosCreator3D 吧!底部源码相送!正文版本说明使用 CocosCreator3D 的 1.0.0 版本演示。材质与模型小飞船的模型是用 Maya 制作的,详细的过程在哔哩哔哩,关注 KUOKUO 众享。地球和太阳的模型就是一个基本的球模型,其中太阳是没有材质的,而地球是无反射材质与地球图片贴图,如下图。发光的太阳在 CocosCr...

2019-11-10 12:20:33 998

原创 CocosCreator特效系列之像素颜色处理

摘要说出来你可能不信,我把 Cocos 的官方头像给绿了!正文版本说明使用 CocosCreator 的 2.2.0 版本演示。像素着色器在 Effect 的 fs 部分,他会处理每一个像素点然后输出这个像素位置与颜色信息。如上一篇博客的模糊效果就是位置偏移与透明度的改变。那么这一次我们就只从像素颜色的角度出发,对其进行处理。上图为 Cocos 的一张图片,我们能够发现其主色调为...

2019-11-06 09:54:32 1186

原创 CocosCreator导出模块的各种姿势

摘要CocosCreator 已经拥抱 ES6 语法,你还在使用 ES5 吗?今天 KUOKUO 为你带来导出模块的各种姿势!正文原写法模块化使你可以在 CocosCreator 中引用其它脚本文件:访问其它文件导出的参数调用其它文件导出的方法使用其它文件导出的类型那么一般的写法是// data.jsvar data = { name: 'kuokuo', ...

2019-11-01 18:41:56 1248

原创 CocosCreator特效系列之模糊特效

摘要在游戏或者影视中,模糊是很常用的特效,那么模糊效果究竟是怎么实现的呢?KUOKUO带你分析原理然后用CocosCreator实现!结尾有源码和演示视频哦!正文版本说明因为 CocosCreator 在 2.2.x 版以后统一了格式,包括 Cocos3D 的 Effect 是与最新版相同的,所以在以后的文章中一律使用新版写法,旧版写法见上一篇文章。O(∩_∩)O~~模糊原理我们先了...

2019-10-28 08:53:43 2372

原创 CocosCreator特效系列之可控灰度

摘要在游戏或者影视中,置灰是很常用的特效,那么灰度效果究竟是怎么实现的呢?KUOKUO带你分析原理然后用CocosCreator实现!正文效果原图加上置灰材质控制透明度版本说明因为 CocosCreator 在 2.1.x 和 2.2.x 新版上的 Effect 上是略有差异的,所以 KUOKUO 决定全部都讲,特意用两个版本分别做了一遍,感动吧,嘿嘿。O(∩_∩)O~~...

2019-10-25 10:29:21 465

原创 微信小游戏分包加载

摘要随着游戏的代码量与资源增多,微信小游戏的 4M 资源空间已经无法满足需求。那么如何解决这个问题呢?分包加载能让 4M 变为 8M!正文什么是分包加载分包加载,即把游戏内容按一定规则拆分在几个包里,在首次启动时加载主包,然后在主包内触发下载其他子包,这样可以有效降低首次启动的消耗时间。在 CocosCreator 中,分包从 v2.0.7 开始支持。如何使用分包KUOKUO 在这里...

2019-10-23 12:24:12 1196

原创 一句代码实现CocosCreator版本2.2的字体阴影

摘要CocosCreator 的 2.2.0 版本正式上线,一大亮点就是 Effect 语法更加方便理解了。今天 KUOKUO 就教大家用一句代码来实现字体的阴影。正文先看效果一下子就有立体感了是吧!其实很简单,看步骤。新建标签在场景中新建一个标签,我们可以看到右下角就是默认的材质。那么要想自定义特殊效果很显然得新建自己的材质。材质与Effect我们在文件层级中新建 Effe...

2019-10-21 17:14:18 888

原创 还在观望?CocosCreator3D小案例《小鸭快跑》新鲜出炉!

摘要CocosCreator 的 3D 版本正式上线!激动干嘛? 愣着啊! KUOKUO 正好手里有个小鸭子模型,于是就把它做成了一个小游戏。正文风骚的走位系统事件来监听触摸cc.systemEvent.on(SystemEventType.TOUCH_START, (e: EventTouch) => { let pos = e.getLocation(); ...

2019-10-16 20:39:51 940 4

原创 还记得小时候玩的泡泡龙吗?用CocosCreator实现它!

摘要习惯了方格形状的二维数组摆放模式后对《泡泡龙》这类参差不齐的摆法束手无策?别怕!免费教程、开源源码全部到位!正文效果数据结构/** * 泡泡数据对象 */export interface bubbleData { node: cc.Node, color: number, isLinked: boolean, isVisited: boole...

2019-10-12 11:26:46 937

CocosCreator最新版本2.1.1学习Demo跳一下

使用CocosCreator最新3D版本2.1.1进行的一个小demo开发跳一下。演示地址在博客里,欢迎支持!

2019-05-19

CocosCreator之小小PK帧动画学习

CocosCreatorV2.0.5 有配套的CSDN博文,新手入门学习必备。

2019-04-05

CocosCreator3D小项目躲避方块

使用CocosCreator最新版本v2.1.0进行开发的Demo。适用于初学者进行学习研究。里面使用了两个fbx模型,一个球,一个方块。

2019-02-06

CocosCreator模拟数码管小项目v2.0.5

使用CocosCreator引擎,版本v2.0.5。自己制作的模拟数码管显示的一个小项目。适用于初学者,对编程很有帮助。语言JavaScript

2019-02-06

选择题考试系统(C语言Easyx图形库)

自己利用C语言和EasyX图形写的一个考试系统,摁钮高亮运用PS设计,压缩包里有工程文件,有源码,有资源文件,还有成品,欢迎大家提建议,互相学习。只允许个人研究学习使用!

2018-03-08

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除