麒麟子Cocos Creator实用技巧
文章平均质量分 93
《麒麟子Cocos Creator实用技巧》并非正式文体,仅为麒麟子的随笔记录,主要记录一些麒麟子在使用Cocos Creator制作棋牌和微信小游戏的时候,遇到的问题的解决方案。希望能够用自己所学,为遇到困难的同学带来一定的帮助,为Cocos社区尽一份绵薄之力,为游戏教育行业注
麒麟子MrKylin
15 年专注游戏引擎与游戏开发,分享实用方案、经验与干货教程!
展开
-
Cocos Creator 3.8 后期效果 Shader 编写(2/2) 进阶篇
在上一篇文章中,麒麟子给大家分享了如何在 Cocos Creator 3.8 中的自定义管线中,添加属于自己的后期效果 Shader。但基于 BlitScreen 的方案,我们只能编写最简单后效 Shader,如果我们想要支持更多复杂的 Shader,比如模糊、景深等等效果,就需要配合代码才能实现。今天麒麟子就用高斯模糊来演示如何编写一个多 Pass 的后效 Shader。必须添加在之前,否则没有效果。所以不建议使用使用添加新的后效时,如果新后效与旧的后效重名,会先移除旧的后效。原创 2023-08-09 13:37:17 · 1159 阅读 · 0 评论 -
Cocos Creator 3.8 后期效果 Shader 编写(1/2) 基础篇
在 Cocos Creator 3.8 版本中,新增了不少实用的特性,其中我最喜欢的,就是它自带后期效果管线,并且还内置了许多高级效果。原创 2023-07-21 22:41:21 · 829 阅读 · 0 评论 -
[3D游戏开发实践] Cocos Cyberpunk 源码解读-一文搞定延迟渲染管线原理与实践
虽然延迟渲染技术在 2004 年的 GDC 上被正式提出,已经过去了近二十年,但还是有大部分朋友并不知道其中的细节,特别是一些新接触 3D 编程的朋友。原创 2023-03-30 23:32:22 · 1215 阅读 · 0 评论 -
[3D游戏开发实践] Cocos Cyberpunk 源码解读 - DrawCall 优化,静态遮挡剔除 [PVS-SOC]
硬件在发展,需求也在提升,为了发挥出设备的最大潜力,我们总是想榨干机器算力。因此,性能优化也成为了一个经久不衰退的话题。原创 2023-03-30 23:28:39 · 974 阅读 · 0 评论 -
[3D游戏开发实践] Cocos Cyberpunk 源码解读-高中低端机性能适配策略
本篇文章中,麒麟子花了大量篇幅来讲解设备性能适配的方法和原理。这是因为,设备性能适配需要量体裁衣,根据自身项目需求制定最佳策略。中的设备性能分档方案,可以作为一个基础的开始,大家可以根据自己的项目添加更多可控的细节。希望这篇文章能给大家带来帮助,能够让大家在自我升级的道路上又跨出一大步。原创 2023-03-30 23:29:02 · 780 阅读 · 0 评论 -
麒麟子Cocos Creator实用技巧十一:让元素保持绝对大小
本文介绍了一个组件,能够让你节点,在任意分辨率下都保持同样的大小。因为它消除了设计分辨率的缩放。麒麟子,有没有办法让一个元素总是维持相应的大小,不管缩口缩放了多少。今天一个朋友在QQ上问到了这个问题,像这样的问题其实是非常简单的,只需要计算出当前的Canvas缩放了多少就行了。经过一翻研究后,发现Cocos Creator提供了一两个函数。cc.view.getScal...原创 2019-12-20 18:03:06 · 1404 阅读 · 0 评论 -
麒麟子Cocos Creator实用技巧十:function this self ()=>{}详解
先说一声对不起,这篇文章本应该是昨天写的。(强行假装有很多人在等着看)昨天聚众饮酒去了,喝醉了,可能喝了有两百多瓶吧。有人就说啦,唉麒麟子,你怎么老爱吹牛*,动不动就两百多瓶,你真当自己是牛么。大家不要急嘛,之所以说两百多瓶,就是想证明我昨晚确实喝醉了,醉得来都记不起喝了多少了。还有什么能比这个不靠谱的数字更能说明问题的么?一、function与thisconst {cc...原创 2019-05-15 20:12:29 · 3821 阅读 · 2 评论 -
麒麟子Cocos Creator实用技巧九:棋牌UI全分辨率适配方案
麒麟子在五一劳动节这一天,为大家准备了一个DEMO。 DEMO演示了,大厅,背景,以及像 3D麻将,斗地主等桌面的适配方案。使大家可以用一套资源,适配从iPhoneX(目前最长的移动设备) 到 iPad(目前最短的移动设备 )的分辨率。PS:黑莓那种1:1也可以的,只是我人为的把它忽略了。本DEMO在线演示:https://qilinzi.ukylin.net/?lesson...原创 2019-05-02 08:53:55 · 13816 阅读 · 0 评论 -
麒麟子Cocos Creator实用技巧八:回合战棋类RPG战斗效果
HELLO,大家好,我是麒麟子。作为Cocos社区高产用户,今天又给大家带来了一个看起来很酷,但实际上大多数人用不到的DEMO。不知道大家是否记得梦幻西游、问道、英雄无敌、仙剑奇侠传、神仙道、神曲OL。不知道大家是否最近在玩自走棋(哎哟,不错哟,最近特别火)然而,他们从技术上讲,没有本质的区别,他们的战斗都是回合制。回合制的游戏就像棋牌一样,每一个回合,同一时间,只有一个人能...原创 2019-04-30 19:32:42 · 11938 阅读 · 3 评论 -
麒麟子Cocos Creator实用技巧七:方向与角度转换
麒麟子做了一个Demo给大家,向大家演示了方向转角度,角度转方向的应用。Demo中有两个坦克,中间的坦克锁定了另一个坦克,始终把自己的炮口对准它,并且会不停地发朝另一个坦克发射炮弹。发出来的炮弹会追踪另一个坦克,直到追上另一个坦克才会销毁。而另一个坦克也不闲着,它会绕着中间的坦克转圈,并且他的移动方向永远是圈的切线方向,且炮口总是保持和自己移动的方向一致。在线演示:https...原创 2019-04-28 21:12:09 · 11070 阅读 · 11 评论 -
麒麟子Cocos Creator实用技巧六:游戏背景拖拽实现
麒麟子做了一个DEMO给大家,这个DEMO很简单,大家可以按下鼠标,或者在手机上按住不放。拖拽背景,背景会根据拖拽移动。同时会保证背景边缘不会越过父节点的上下左右边界在线演示:https://qilinzi.ukylin.net?lesson=06策略类游戏背景,或者一些游戏的大地图,小地图,通常会用一张很大的图来表示。毕竟一张小图放不下嘛,切成小块又不肯,只能是大...原创 2019-04-28 11:20:46 · 7792 阅读 · 4 评论 -
麒麟子Cocos Creator实用技巧五:技能CD效果制作
今天带给大家的是一个关于技能CD的效果制作。此效果不仅可以用于技能CD,一些按钮的CD也是可以用的。为了照顾大家迫不及待(猴急)的心情,我写了一个DEMO给大家。DEMO上面做了5个英雄的技能和一个XP技能的CD,且它们的CD时间是不一样的。并且如果技能出现CD,再次点击是无效的。相关代码可以直接复用。在线演示:https://qilinzi.ukylin.net?lesso...原创 2019-04-25 23:28:27 · 9853 阅读 · 0 评论 -
麒麟子Cocos Creator实用技巧四:打包原生App截图白屏解决方案
大家在做棋牌App或者一些特定需求的时候,需要截取当前游戏屏幕内容保存。我们一般是采用cc.RenderTexture来截图并保存到游戏的可写目录有时候会遇上,截出来的图片是白屏,或者部分白屏。经过多方测试,我们发现,是Mask的锅,用了cc.Mask的界面,截图的时候,就会遇上这样的问题。如果遇上这样的问题,只需要检查你的cc.RenderTexture初始化的时候,是否少了参数...原创 2019-04-24 20:20:12 · 50670 阅读 · 0 评论 -
麒麟子Cocos Creator实用技巧三:微信小游戏中音效中断问题处理
音效可谓是一个小游戏的灵魂了。某些玩法离开了音效更是不可能,比如别踩白块,或者一些以速度为主的游戏类型。麒麟子公司最近有一款斗地主上微信小游戏,另外还做了两款休闲类小游戏。当我们觉得差不多大功告成的时候,有用户反馈说,背景音乐突然就没了。要返回大厅再进游戏场景才有。我当时第一反应就是,正在播放的音乐被干掉了,重新播放又是OK的。基于这个假设,那就表示这不是Cocos Crea...原创 2019-04-24 11:10:32 · 74658 阅读 · 1 评论 -
麒麟子Cocos Creator实用技巧
大家好,我是麒麟子,开源棋牌《幼麟棋牌-四川麻将》(泄漏版叫 《达达麻将》)作者,成都幼麟科技创始人。自09年进入游戏行业以来,不知不觉已经度过了十个春秋。曾经我也血气方刚,曾经我也青春年少。岁月如梭,光阴似箭,如今已是而立之年。退去了青涩懵懂,换来了满身的意气风发。希望在下一个十年,能够用自己所学的经验,浪迹这个充满爱恨情仇的游戏江湖。《麒麟子Cocos Crea...原创 2019-04-23 10:54:54 · 23228 阅读 · 8 评论 -
麒麟子Cocos Creator实用技巧二:微信名字截断(支持表情)
在我们日常游戏开发中,经常会面临将玩家名字截断的需求。假如玩家是在我们游戏中创建的名字,那么可以简单粗暴地禁止玩家使用手机表情输入即可。但如果我们是第三方账号登录,且使用了第三方账号的用户昵称,那么这个就不好保证了。因此,为了配合界面的显示,我们通常需要在特定界面上进行名字截断。举一个例子,假如我的名字是麒麟子原创 2019-04-23 00:44:47 · 55354 阅读 · 3 评论 -
麒麟子Cocos Creator实用技巧一:如何正确地显示微信头像
不管是游戏App,还是H5,又或者是微信小游戏。但凡接入了微信登录的应用,都可能需要显示微信头像。在Cocos Creator中,我们常见的显示方法像下面这样var headimg = 'http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83erD6MOUwRKV9NyBAqnoFDTnltzAe2zWOkKxyDOFibVBb1ZV5CaATJwY...原创 2019-04-22 23:59:26 · 57107 阅读 · 2 评论