课程分类

|
课程介绍
课程目录
用户评论
课程介绍
课程目录
用户评论

你将获得

  • 掌握某些知识点
  • 学会某些技巧(或思路)

教学服务

  • 1v1专属答疑服务
  • BAT专家面试辅导

讲师介绍

老师头像

韩超

玩吧游戏技术负责人,StarMaker游戏业务负责人,Cocos大佬,精通游戏引擎、游戏客户端、服务器架构的开发。WOW公会会长/WLK服务器首杀/Dota老年选手/寓教于乐带你进入游戏世界的大门。
玩吧游戏技术负责人,StarMaker游戏业务负责人,Cocos大佬,精通游戏引擎、游戏客户端、服务器架构的开发。WOW公会会长/WLK服务器首杀/Dota老年选手/寓教于乐带你进入游戏世界的大门。

课程详情

系列课《爆款游戏开发零基础》
点击链接加群:https://jq.qq.com/?_wv=1027&k=5AqnOvX
  课程链接:https://ke.qq.com/course/317040?tuin=b512395

节点与组件视频文稿

Hello,同学们好,欢迎回到我们零基础学cocos creator,我是老师韩超,这堂课呢,我们来介绍一下节点与组件,回到我们之前,Flappy bird DEMO这个工程,然后我们来,点击一个节点,我们可以看到,这个节点它有好多的属性,Na,我们知道node是节点,那这个label是什么呢,我们知道label是这个文本是吧,那,我们为什么这个label能跟这个node在一起呢,而不是说我一个节点就是一个节点,然后我一个label就是一个label,为什么我们要把它,放到了一个节点里面,是吧,我的一个结一个节点,里面同时包含了这个节点本身,还有一个label,把这个label称作组件,为什么会这样,这是因为我们每一个cocos的节点负责层级关系,键负责他具体是做什么的,我们大家可以这样理解,如果我把一个节点上面,加了一个label组件,那我这个节点就可以显示文字,如果我把这个节点,加上了一个sprite,加上一个精灵组件,那我这个节点就可以显示图片,那现在又引申出来一个问题,我这个节点能不能添加很多组件呢,我一个就我一个节点能不能做很多的事情呢,也是可以的,下面我们来创建一个按钮节点,我们可以选择看瓦斯,节点,然后选择右键,Create创建创建一个UI节点,Button,这个button就是我们的一个按钮,我们可以看一下这个button是由什么组成的呢,我们来看一下这个节点,这个是我们吧台的节点,New button,对吧,然后我们可以看到在这个节点里面同时存在了其他的两个组件,一个是sprite,还有一个是吧,他他这个sprite我们刚才已经了解过了,是负责显示图片的,如果我现在把sprite关掉,会发生什么呢,我们点这个勾,我把他勾了,发现后面那张白色的背景图没有了,也就是说我们的这个button,我们的这个sprite就是负责图片的展示的,那这个button是用来干什么的呢,这个八成就是用来处理我们的点击事件的,也就是说通过我们在一个节点里面添加不同的组件,可以让这些组件来分工负责不同的事情,下面我们来运行看一下我们这里选择浏览器模式运行,我们看到cocos,在这个界面已经出来了,在这里文字变了一下,这是我们刚才默认的,长久合作的一个事情,我们来回到这个button,我们把鼠标放上去,我也看到这个button变色了,这个背景图变色了之后,我们点吧特发现好像并没有什么作用,没关系,回到我们,Cocos creator,我们看这个button的这个组件,我们可以看到这个吧,它里面有一些设置,这个transition就是我们这个巴特在接收到一些事件的时候,会怎么会怎么处理,现在呢,他的模式是sprite模式,也就是说我这个button在接收到一些实践的时候,会改变我这个默认的这个图片,那现在我们把它,改成变换颜色,我们可以想一下,这个八层现在有几种状态,一种呢,就是这个吧,就在这放着什么,什么也不干,就是普通的状态,还有一种我把鼠标挪上来了,那他会有一个什么反应,再有就是我点下去的时候,这个button会做出一个什么反应,再有就是我们玩游戏的时候,可能会看到这个按钮在不可用的时候,它可能是一个变灰的,那这个时候它又是一种什么反应,下面我们来设置一下,在默认的时候,这个吧,就是什么都不做,那它默认就是就是颜色叠加,就是255,这个是点击的时候,我们调一个比较明显的颜色,比如说红色,这个是我们把鼠标挪上去的时候,比如说他会稍微变灰一点,完全不可用的时候,我们给他一个,嗯,紫色吧,我们给他一个紫色,下面我们再来看一下,我们点击运行,好,我们看到我们把鼠标放上去的时候,这个button变灰了,对吧,下面我们点击,发现这个吧,灯变红了,那他的不可用的时候,我们现在是没法控制的,回到cocos creator,我们来在编辑器里面看一下他不可用的时候是什么状态的,我们看一下,我们把这个是否可以交互interactive ul,我们把它点掉,发现这个button变成了紫色,这么这么的节点变也是变成了紫色,看到我们再点击interact double的时候,我们的节点颜色是随着他变化的,好,那下面说明了一个问题,我们的node这个节点搭配不同的组件,他们是可以合作处理一些复杂的事物的,但是每个节点的分工又不一样,我们的这个sprite节点就负责显示图片,如果我们把它禁用,把它关掉的话,那他那张背景图就没了,如果我们把这个巴特把它关掉的话,那他就不会响应任何点击事件了