自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 KUOKUO置顶导航文章

我的个人网站 www.kuokuo666.com CocosCreator系列 入门小案例 初级小案例 中级小案例 随笔小案例 3D版本小案例 脑洞大开系列 我是一只小怪 微信小游戏相关 笔记系列 GLUT学习笔记 文章系列 GitChat文章 ...

2019-04-12 23:44:23 947 0

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

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

2020-05-03 21:48:16 119 0

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

摘要 俄罗斯方块小游戏,TypeScript 语言,适合学习,已开源! 正文 使用版本 CocosCreator 版本 2.2.2 游戏演示 一个月前就想做了,结果先鸽了半个月,16 天前完成 demo,后来又加入了方块数据编辑场景。再后面几天做了一些修改,加了一些注释,今天才做了出来,大家...

2020-04-14 21:56:46 213 0

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

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

2020-03-31 20:50:06 157 0

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

摘要 CocosCreator 有着内置的事件系统,我们用起来也很是方便。那么我们自己如何简单的实现一个 EventManager 呢?KUOKUO 通过一个小例子带你学习。 正文 使用版本 CocosCreator 版本 2.2.2 明确目标 我们要做一个事件管理模块,实现事件的监听方法 on,...

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

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

摘要 CocosCreator 的音频资源本地加载有两种办法,其一是在脚本中声明并拖入属性面板,其二是利用 cc.loader 做动态加载。如何优雅的做音频资源预加载呢?KUOKUO 通过一个小例子带你学习。 正文 使用版本 CocosCreator 版本 2.2.2 明确目标 我们要做一个音频...

2020-03-08 20:08:09 210 0

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

摘要 物理切割第二部分,切割多个物体,利用 Mask 切割图片! 正文 使用版本 CocosCreator 版本 2.1.3 最终效果 多切割原理 通过上一部分的教程,我们已经知道了单切割的原理,但是很显然,KUOKUO 的第一篇博客显得不通用,只能切割一个物体。那么如何切割多个物体呢? ...

2020-02-20 15:08:22 384 0

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

摘要 有趣的物理小游戏总能让小伙伴们爱不释手,而 CocosCreator 的内置物理引擎让其开发变得更加简单。今天 KUOKUO 就为大家带来物理切割,从零开始做出切割单个物体! 正文 使用版本 CocosCreator 版本 2.1.3 最终效果 层级管理 如图,在层级管理器中有 3 部分...

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

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

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

2020-02-16 12:49:05 454 0

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

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

2020-02-14 20:56:15 237 0

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

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

2020-02-01 11:57:19 334 0

原创 CocosCreator+Axios+Express入门案例

摘要 不得不说 JavaScript 能做的太多了,网上也有着越来越多优秀的框架,比如易用、简洁的 http 库 Axios,快速、极简的 Web 开发框架 Express。今天 KUOKUO 就来教大家如何使用它们完成前后端通讯。(底部有具体视频演示链接哦!) 正文 环境 CocosCrea...

2020-01-28 12:47:20 444 0

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

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

2020-01-25 13:31:16 2622 0

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

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

2020-01-21 00:49:02 1767 0

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

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

2020-01-15 23:02:23 336 0

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

title: CocosCreator进阶实战第五部分:工具类与子弹射击 date: 2019-12-28 12:00:00 摘要 最终部分:工具类、子弹射击与 Boss 随机移动。 正文 版本说明 使用 CocosCreator 的 2.1.3 版本开发。 建议先下载完整项目工程,搭配文章“食...

2019-12-28 19:43:39 317 0

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

title: CocosCreator进阶实战第四部分:工厂模式 date: 2019-12-26 12:00:00 摘要 工厂模式是最常用的设计模式之一。这种类型的设计模式属于创建型模式,我们在创建对象时不会暴露创建逻辑而是直接给出“产品”。 正文 版本说明 使用 CocosCreator 的...

2019-12-26 21:08:39 470 0

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

title: CocosCreator进阶实战第三部分:面向对象 date: 2019-12-24 12:00:00 摘要 面向对象是一种对现实世界的理解和抽象、是把属性和方法组织为一个对象来看待的思维、是作为程序员必然要掌握的一种方法! 正文 版本说明 使用 CocosCreator 的 2....

2019-12-24 22:12:07 302 0

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

title: CocosCreator进阶实战第二部分:编码规范 date: 2019-12-20 12:00:00 摘要 代码规范的重要性不再赘述,所以第二部分文章内容为项目使用的编码规范并使用代码举例。 正文 版本说明 使用 CocosCreator 的 2.1.3 版本开发。 建议先下载完...

2019-12-20 22:30:27 227 0

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

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

2019-12-17 23:08:53 252 0

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

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

2019-12-07 19:10:04 201 0

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

摘要 素描是一种唯美的艺术创作,可以用单色线条来表现事物。那么 KUOKUO 今天为大家带来的就是 CocosCreator 的素描化 Effect。 正文 版本说明 使用 CocosCreator 的 2.2.0 版本演示。 边缘检测原理 边缘检测是图像处理和计算机视觉中的基本问题,边缘检测...

2019-11-30 20:20:32 205 0

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

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

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

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

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

2019-11-24 11:19:32 403 0

原创 CocosCreator3D之视角移动

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

2019-11-21 15:58:26 779 0

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

摘要 不管是游戏还是影视,像素风格总能吸引到一大部分人。KUOKUO 今天为大家带来 CocosCreator 的像素化 Effect。 正文 版本说明 使用 CocosCreator 的 2.2.0 版本演示。 像素化原理 对于一张图片,它是有着大量的像素点的。数量多到一定程度你就感觉不到像...

2019-11-13 21:32:47 284 0

原创 CocosCreator3D宇宙场景展示

摘要 跟 KUOKUO 一起初探 CocosCreator3D 吧!底部源码相送! 正文 版本说明 使用 CocosCreator3D 的 1.0.0 版本演示。 材质与模型 小飞船的模型是用 Maya 制作的,详细的过程在哔哩哔哩,关注 KUOKUO 众享。地球和太阳的模型就是一个基本的球模...

2019-11-10 12:20:33 499 0

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

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

2019-11-06 09:54:32 412 0

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

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

2019-11-01 18:41:56 600 0

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

摘要 在游戏或者影视中,模糊是很常用的特效,那么模糊效果究竟是怎么实现的呢?KUOKUO带你分析原理然后用CocosCreator实现!结尾有源码和演示视频哦! 正文 版本说明 因为 CocosCreator 在 2.2.x 版以后统一了格式,包括 Cocos3D 的 Effect 是与最新版相...

2019-10-28 08:53:43 1092 0

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

摘要 在游戏或者影视中,置灰是很常用的特效,那么灰度效果究竟是怎么实现的呢?KUOKUO带你分析原理然后用CocosCreator实现! 正文 效果 原图 加上置灰材质 控制透明度 版本说明 因为 CocosCreator 在 2.1.x 和 2.2.x 新版上的 Effect 上是略有差...

2019-10-25 10:29:21 192 0

原创 微信小游戏分包加载

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

2019-10-23 12:24:12 479 0

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

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

2019-10-21 17:14:18 499 0

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

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

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

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

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

2019-10-12 11:26:46 471 0

原创 什么?你不让我用if...else了!!!

摘要 在开发中,我们经常要写 if…else 来判断条件。但是过多的 if…else 会让代码变得冗长难懂不好维护,有什么好方法呢?让我们来听个故事! 正文 故事开始 小白是一名 CocosCreator 程序员,任务是在游戏开发组组长的带领下开发一款游戏。一天,组长发来了一个任务,让小白来处理...

2019-10-10 10:26:44 719 4

原创 CocosCreator中如何限制主角在六边形区域

摘要 在 CocosCreator 开发中,我们经常有限制位置的需求。对于长方形区域我们可以简单的判断 x y 方向的坐标,但是遇到六边形区域该怎么办呢? 正文 看看效果 画个区域 我们先用 cc.graphics 组件绘制下限制区域。 (2.1.2 版本的绘图组件有个 Bug 只能以左下角为...

2019-09-29 22:29:09 359 0

原创 如何用一张图片来实现炫光方块

摘要 CocosCreator 的节点上的颜色属性对 3D 模型是不起作用的,要想修改模型颜色就要对材质操作,而材质是基于 effect 渲染的。那么怎么改变模型颜色呢? 正文 看看效果 素材制作 打开 Photoshop 软件,我们新建一个 200 * 200 的画布。 然后填充黑色,加白色...

2019-09-24 12:59:24 201 0

原创 Mask+Graphics贝塞尔曲线绘制波动的水面

摘要 我们都知道水面的运动形式是极其复杂的。但是在一些二维的小游戏中,我们只是想模拟其波动特性,做一些出水入水的效果。如何简单的实现波动的水面呢? 正文 看看效果 准备工作 一张背景图片即可 层级结构 Main Camera 摄像机组件的 Background Color 设置白色(不是节点颜...

2019-09-21 19:16:15 319 0

原创 CocosCreator开发中为什么get/set如此重要?

摘要 我们都知道 CocosCreator 支持 get/set 方法,但是实际开发中很多小伙伴们并不常用。那么 get/set 到底能起到什么样的作用呢?我们从几个小故事说起! 正文 案例 案例一 一个项目中,你负责分数管理功能。这个分数只能由你写的代码修改! 你的同事小张却没有提前知道这件事...

2019-09-19 12:33:21 945 1

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