2 KUOKUO众享

尚未进行身份认证

I can do it !微信公众号:KUOKUO众享

等级
TA的排名 2w+

CocosCreator3D宇宙场景展示

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

2019-11-10 12:18:44

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

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

2019-11-06 09:53:25

CocosCreator导出模块的各种姿势

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

2019-11-01 18:41:37

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

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

2019-10-29 14:18:33

CocosCreator特效系列之模糊特效

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

2019-10-28 08:53:12

CocosCreator特效系列之可控灰度

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

2019-10-25 10:28:41

微信小游戏分包加载

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

2019-10-23 12:23:33

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

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

2019-10-21 17:13:08

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

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

2019-10-16 20:39:23

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

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

2019-10-12 11:26:17

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

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

2019-10-10 10:25:31

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

摘要在CocosCreator开发中,我们经常有限制位置的需求。对于长方形区域我们可以简单的判断xy方向的坐标,但是遇到六边形区域该怎么办呢?正文看看效果画个区域我们先用cc.graphics组件绘制下限制区域。(2.1.2版本的绘图组件有个Bug只能以左下角为00,现在2.1.3修复了。对本文章无影响。)//已声明this.area=[]...

2019-09-29 22:29:03

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

摘要CocosCreator的节点上的颜色属性对3D模型是不起作用的,要想修改模型颜色就要对材质操作,而材质是基于effect渲染的。那么怎么改变模型颜色呢?正文看看效果素材制作打开Photoshop软件,我们新建一个200*200的画布。然后填充黑色,加白色渐变的边。复制,旋转到四边。好了,最终图片。内置effect让我们新建工程,场景。在资源...

2019-09-24 12:59:00

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

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

2019-09-21 19:16:07

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

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

2019-09-19 12:33:21

一分钟定制CocosCreator加载页面

摘要我们都知道CocosCreator打包Web端后会有一个黑黑的加载界面,而很多开发的小伙伴们是不太懂前端的。那么如何通过一篇文章快速学会定制页面呢?正文总览在打包Web项目时,我们基本上都会选择手机端,我就拿手机端为例。打包后,我们测试工程,加载页是这样的:为什么会这样显示呢?让我们打开build目录看一下。你会发现你熟悉或者说你曾听说过的html,css...

2019-09-19 12:31:49

CocosCreator之TypeScript快速入门

摘要我们都知道CocosCreator支持TypeScript开发,而且TypeScript是开发中大型项目的有力工具。作为JavaScript开发者,我们该如何快速入门TypeScript呢?正文TypeScript是JavaScript的超集(超集:包含关系,比如C++是C的超集,TypeScript是由JavaScript发展而来)。Type...

2019-09-19 12:31:18

CocosCreator之定制新建脚本模版

title:CocosCreator之定制新建脚本模版date:2019-09-1312:00:00摘要在新建脚本时,无论是JavaScript还是TypeScript脚本,总会出现一些无用的注释需要我们自己手动删除。如何自定义新建脚本呢?正文打开一个CocosCreator项目,我们会在编辑器的右上角发现“编辑器目录”这个按钮,点开它。然后我们会进入Coco...

2019-09-19 12:29:32

CocosCreator之KUOKUO带你做双摄像机-单独渲染UI

引擎版本CocosCreatorv2.1.2引言相信小伙伴们在做摄像机跟随主角的游戏时会遇到UI节点不动的问题,眼睁睁的看着按钮远去。如何解决呢?建立两个摄像机分开渲染即可。问题演示首先,我们看下错误示范:一个摄像机,一个主角球球,一个UI按钮我们写个脚本绑定在球球向上运动,点击按钮停下。摄像机是跟随球球的。cc.Class({extends:cc.Comp...

2019-09-09 20:42:58

CocosCreator之KUOKUO带你用代码给按钮添加事件

演示引擎CocosCreatorv2.0.10引言在开发中,我们如果想为按钮添加一个事件通常是这样做:先将clickEvents加一,然后拖入脚本所在节点,选择脚本,选择方法。click方法这样我们点击按钮,控制台就出现了kuokuo。如果是预制体现在有这样一个问题:按钮组件被拖成了预制体,实例化之前没办法拖入。怎么办?用代码为其添加事件。onLoad(){...

2019-09-07 09:00:17

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。