![](https://img-blog.csdnimg.cn/20190829192317879.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CocosCreator中级小案例
文章平均质量分 72
KUOKUO众享
一枚前端 Coder!Enjoy life!
展开
-
让AI来告诉你什么叫幽灵堵车
堵车,大家都不陌生!堵车时我就思维发散,用 CocosCreator 模拟下堵车应该挺好玩!!!原创 2023-05-11 09:36:24 · 8744 阅读 · 6 评论 -
CocosCreator之KUOKUO带你做物理切割(第二部分)
摘要物理切割第二部分,切割多个物体,利用 Mask 切割图片!正文使用版本CocosCreator 版本 2.1.3最终效果多切割原理通过上一部分的教程,我们已经知道了单切割的原理,但是很显然,KUOKUO 的第一篇博客显得不通用,只能切割一个物体。那么如何切割多个物体呢?第一步:分类,将不同碰撞体的点放入一个数组第二步:排除,将同碰撞体内部的点干掉第三步:排序,按照顺...原创 2020-02-20 15:08:22 · 2507 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做物理切割(第一部分)
摘要有趣的物理小游戏总能让小伙伴们爱不释手,而 CocosCreator 的内置物理引擎让其开发变得更加简单。今天 KUOKUO 就为大家带来物理切割,从零开始做出切割单个物体!正文使用版本CocosCreator 版本 2.1.3最终效果层级管理如图,在层级管理器中有 3 部分:画布,物理层,绘图层。其中画布只是作为触摸节点,绘图层用于绘制红线,物理层中放入物理刚体。脚本有三个...原创 2020-02-17 13:46:08 · 3426 阅读 · 4 评论 -
CocosCreator之KUOKUO带你使用WebSocket搭建小小聊天室
详细系统带你入门联网知识。无服务器的小伙伴们也不要怕,有本地开发。链接地址:https://gitbook.cn/gitchat/activity/5c5cfca1e5bb714aed62cefb感谢支持!O(∩_∩)O~~...原创 2019-02-08 20:51:03 · 1160 阅读 · 0 评论 -
CocosCreator摄像机缩放移动后坐标转化
摘要在 CocosCreator 的触摸事件中的坐标是以屏幕左下角为原点的,那么我们在摄像机做缩放移动后,坐标该如何处理呢?正文使用版本CocosCreator 版本 v2.2.1演示布局一个主摄像机,一个 blocks 节点管理九个方块,且 blocks 节点大小为 600 * 600,只将事件绑定至 blocks 即可。事件监听我们写一个监听函数,打印坐标。onLoad ...原创 2020-02-01 11:57:19 · 1672 阅读 · 0 评论 -
KUOKUO众享微信小游戏《拼消块块》完整案例教程
引擎版本:2.0.10编程语言:JavaScript视频链接:第一部分:https://www.bilibili.com/video/av59775492第二部分:https://www.bilibili.com/video/av59938725第三部分:https://www.bilibili.com/video/av60713224第四部分:...原创 2019-07-25 21:30:44 · 829 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做个电玩叠乌龟游戏
引擎版本:2.0.10编程语言:TypeScript视频链接:https://www.bilibili.com/video/av57323107开源地址在视频简介中。欢迎大家去哔哩哔哩关注我O(∩_∩)O~~希望小伙伴们有所收获。...原创 2019-06-30 22:20:49 · 1114 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做个飞行射击游戏
引擎版本:2.0.10编程语言:JavaScript视频链接:https://www.bilibili.com/video/av54254312开源地址在视频简介中。欢迎大家去哔哩哔哩关注我O(∩_∩)O~~希望小伙伴们有所收获。...原创 2019-06-01 17:00:17 · 2532 阅读 · 4 评论 -
CocosCreator之KUOKUO带你封装个摇杆
摘要关于摇杆的实现网上有很多,但是耦合度比较高。今天 KUOKUO 将摇杆实现抽出来,单独一个脚本并声明了一个可拖入回调。正文版本说明使用 CocosCreator 的 2.2.0 版本演示。节点层级新建个空节点作为管理节点(joystick),然后是背景与中心节点。监听事件建议把监听写在背景节点,这样触摸范围大些,体验好。// joyBk为背景节点start () { ...原创 2019-11-28 17:07:15 · 913 阅读 · 1 评论 -
CocosCreator之KUOKUO带你做双摄像机-单独渲染UI
引擎版本CocosCreator v2.1.2引言相信小伙伴们在做摄像机跟随主角的游戏时会遇到 UI 节点不动的问题,眼睁睁的看着按钮远去。如何解决呢?建立两个摄像机分开渲染即可。问题演示首先,我们看下错误示范:一个摄像机,一个主角球球,一个 UI 按钮我们写个脚本绑定在球球向上运动,点击按钮停下。摄像机是跟随球球的。cc.Class({ extends: cc.Comp...原创 2019-09-09 21:54:02 · 4002 阅读 · 5 评论 -
CocosCreator之KUOKUO带你用代码给按钮添加事件
演示引擎CocosCreator v2.0.10引言在开发中,我们如果想为按钮添加一个事件通常是这样做:先将 clickEvents 加一,然后拖入脚本所在节点,选择脚本,选择方法。click 方法这样我们点击按钮,控制台就出现了 kuokuo。如果是预制体现在有这样一个问题:按钮组件被拖成了预制体,实例化之前没办法拖入。怎么办?用代码为其添加事件。onLoad () { ...原创 2019-09-07 09:27:32 · 743 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做通过按钮组件传参-节点与导演事件发射
本次引擎2.0.5编辑工具VSCode目标:按钮组件传参的好处事件的监听的一个关键的作用:解开耦合,让代码的更改更容易。在CocosCreator中提供了node.on和director.on。而且按钮组件可以传一个字符串参数。、、、、、、好了,我们通过工程来举例。新建工程,然后我们用单色精灵添加白色背景。然后还是用单色精灵来模拟老师和学生A(单色节点...原创 2019-01-03 21:13:49 · 8307 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做扔板砖-抛物线
本次引擎2.0.5编辑工具VSCode 目标:扔板砖还记得之前玩过的愤怒的小鸟吗?原理一样哦!本次博客所用素材:// 、、、、、好了,新建工程,放入单色bk,黑色ground然后拖主角,拖hand,再把皮卡丘放在对面。最后把板砖放入。这样:各个节点大小等旋转度自行调整。这是层级:好了。让我们先写板砖的代码。板砖受重力影响(算法...原创 2018-12-30 19:23:52 · 3784 阅读 · 3 评论 -
CocosCreator之KUOKUO带你做小小PK(二)Boss血条与站桩挨打
本次引擎2.0.5编辑工具VSCode目标:小小PK(二)血条素材:好了,我们接着上个教程:上一个教程我们做了,移动与跳跃还有攻击。但是只有主角一人是不是很尬。接下来让我们放入血条,放入Boss。血条的模式改为横向填充,然后把血条x方向放大合适倍数。给Boss个脚本:enemy.js首先:主角节点引用(获取其位置与攻击状态);...原创 2019-01-18 19:20:43 · 12039 阅读 · 1 评论 -
CocosCreator之KUOKUO带你做小小PK(一)主角帧动画与控制
本次引擎2.0.5编辑工具VSCode目标:小小PK(一)先亮出场景与素材。背景图与地面是官方教学用的。主角跟敌人是一套帧动画(淘宝淘的)。第一步:新建动画文件到Clips文件夹。(利用动画编辑器,属性为cc.spriteFrame,每隔0.5秒左右切一帧)这三个就是主角的3个动作,给出演示。以上3个动画为移动,攻击一次,死亡一次。...原创 2019-01-15 00:14:44 · 12414 阅读 · 2 评论 -
CocosCreator之KUOKUO带你做个RTS(一)cc.graphics实现选取框
本次引擎2.0.9目标RTS战略游戏中的选取框实现利用cc.graphics组件绘制最终效果层级原创 2019-03-24 21:29:35 · 2526 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做个RTS(二)runAction让坦克动起来!
本次引擎2.0.9目标RTS中选中的单位移动实现cc.graphics实现小箭头runAction运动到点最终效果单选多选原创 2019-03-27 20:43:18 · 1530 阅读 · 1 评论 -
CocosCreator2.1.1蹦一下以及2.0.9的小塔防
引擎版本CocosCreator v2.0.9CocosCreator v2.1.1体验地址https://www.kuokuo666.com/game/3dshowdemo地址https://github.com/KuoKuo666一个是MiniTower迷你塔防。一个是Test211测试小demo简单的一写,如有bug欢迎指出。O(∩_∩)O~~...原创 2019-05-05 16:24:53 · 1866 阅读 · 2 评论 -
CocosCreator之KUOKUO教你如何用瓦片地图生成碰撞赛车道
本次引擎v2.0.10目标瓦片地图生成碰撞赛车道过程首先我们需要撸一个瓦片地图。很简单的地图,分两层,墙和地面。然后在CocosCreator中直接拖进层级管理器就行。然后你就会发现层自动形成节点并挂载组件了。然后给wall和car加上刚体注意墙是静态刚体,车是动态,并且方便测试我给它旋转了15度。如下图:最后使用了getTileGIDAt这个方法,检测是否有瓦...原创 2019-07-13 10:09:56 · 2885 阅读 · 1 评论 -
CocosCreator之KUOKUO教你使用大佬们写的Shader
本次引擎2.1.0编辑工具VSCode 注意,一代CocosCreator和2代的相关接口有不同。我使用的是General大佬的2代Shader,给出链接:下载链接 好,下载完成之后,我们解压,进入Shader文件夹;这4个ts脚本就是。好,我新建个工程,单色精灵调黑色的背景。再弄张图片上去(我随便画了一个):好了,重点来了,我们在工程文件夹里新...原创 2018-12-01 14:05:26 · 3956 阅读 · 1 评论