cocos-creator 脚本逻辑-1
1.节点
编辑组件的脚本文件时。可以通过以下语句获得节点
this 就是当前组件
this.node
拿到组件依附的节点
This.node.parent
拿到组件依附的节点 的父节点
This.node.children
拿到组件依附的节点 的子节点
this.node.getChildByName(‘’)
通过名称取得特定名的直系子节点
cc.removeSelf()
从节点树删除该节点 留在内存,但已经不在节点中 如果 args = true 则消失
跨直系引用节点
在properties 中声明 node 对象再在编辑器中拖拽绑定
就可以在组建内部直接引用
两个属性
默认组件名样式 name:节点<组件>
isValid 组件是否还在活动
2.动作
所有的动作 api 是由节点提供的,所以我们要先拿到节点
如 node.runAction()
1)动作运行:
runAction('action') 开始一个动作
stopAction(‘action’) 停止一个动作
stopAllAction() 停止该节点下的所有动作
2) 设置tag
action.setTag('tag_name')
node.getActionByTag('tag_name')
3)移动
cc.moveTo(1,20,20) 用 1s 以父节点锚点为坐标中心移动到(20,20)的位置
可以移动到一个点的相对位置,比如可以换成 cc.v2(100,100) 以c2为坐标的(100,100)
cc.rotateTo(1,50) 1s 第二个参数是角度
cc.moveBy() 相对移动
cc.scaleTo(1,2,2) 1s 放大到 2,2 scale
cc.fadeOut(1) 1s 消失
4)动作包装
包装为一个动作
cc.sequence(
动作1,
动作2
)
5)容器动作
顺序动作:cc.sequence
可执行来回往复运动,如:
var seq = cc.sequence(cc.moveBy(0.5, 200, 0), cc.moveBy(0.5, -200, 0));
node.runAction(seq);//左右来回移动
同步动作:cc.spawn
可执行叠加系列动作,如:
var spawn = cc.spawn(cc.moveBy(0.5, 0, 50), cc.scaleTo(0.5, 0.8, 1.4));
node.runAction(spawn);//向上同时缩放
重复动作:cc.repeat
可执行重复一个动作,如:
var seq = cc.repeat(
cc.sequence(
cc.moveBy(2, 200, 0),
cc.moveBy(2, -200, 0)
), 5);
node.runAction(seq);//左右移动,重复5次永远重复动作:cc.repeatForever
可执行一直重复动作,如:
var seq = cc.repeatForever(
cc.sequence(
cc.moveBy(2, 200, 0),
cc.moveBy(2, -200, 0)
));//一直重复左右移动
改变速度:cc.speed
可执行改变速率,如:
var action = cc.speed(
cc.spawn(
cc.moveBy(2, 0, 50),
cc.scaleTo(2, 0.8, 1.4)
), 0.5);
node.runAction(action);//速度加快一倍,2秒变1秒
3.回调函数 callFunc
cc.callFunc(this.callBack, this, {'args':args}) 函数,对象,参数
callBack :function(targetNode, args){}
4.事件/交互内容
添加 Label 内置组件来添加名称,方便于判断
在操作过程中记得返回编辑器拖拽补充引用。
emit 和 on 配套 发射和监听
This.node.emit(”事件“,{参数}); 发生“事件” 同时给出参数
this.node.on(”事件“,this.event1, this.node1) 发生了“事件”后 执行 event1 执行对象是这个 node
this.node.on(”事件“,this.event2,this.node2)
限制:(参数必须和 on 一致 )
this.node.once() 只监听听一次
this.node.off() 不再监听 on
实例:
这里的 this 指的是 node1
- event1: function(e){
- console.log(e.detail),
- this.runAction(cc.moveTo(1,200,0))
- },
5 触摸事件 鼠标事件 键盘事件
This.node.on(‘touchStart’,this.onTouchStart, this) 开始触摸
this.node.on(‘touchmove’,this.onTouchMove,this); 触摸移动,持续触发
this.node.on(‘touchEnd’,this.onTouchEnd, this) 触摸停止
this.node.on(‘touchCancel’, this.onTouchCancel, this) 触摸取消,(节点外释放)
This.node.on(‘mouseup’,this.onMouseUp,this) 鼠标脱离
mouseDown onMouseDown 鼠标按下
mouseMove onMouseMove 鼠标移动(不一定要点击)
mouseEnter onMouseEnter 鼠标进入节点区域
mouserLeave onMouseLeave 鼠标离开节点区域
mouseWheel onMouseWheel 鼠标滚轮
获取点击
getButton() 返回 0 1 2 对应 左中右
2)键盘事件
cc.systemEvent.on(type,callback,target)
返回一个 keycode
可选的 type
类型有:
- cc.SystemEvent.EventType.KEY_DOWN (键盘按下)
- cc.SystemEvent.EventType.KEY_UP (键盘释放)
- cc.SystemEvent.EventType.DEVICEMOTION (设备重力传感)
例如
cc.systemEvent.off(cc.SystemEvent.EventType.KEY_DOWN, this.onKeyDown, this);
If e.keyCode == cc.KEY.w 当 keycode 是 w 时
cc.KEY.(按键)
3)获取坐标
getLocation() 获取全局坐标下的圆心
例子:
onTouchStart: function(e){
E.getLocation()
}
坐标转换:从全局坐标系转到本地坐标系
let locationOfThisNode = this.node.convertToNodeSpaceAR(e.getLocation()) AR 忽略锚点 this.node目标坐标系对应节点
让某个节点的坐标更新
this.node.position = locationOfThisNode
cocos-creator 脚本逻辑-1的更多相关文章
- Cocos Creator 脚本模板
1.由于新建Cocos Creator脚本带有很多注释,并且有时候需要增加定制的默认注释,所以需要修改脚本生成模板. 2.在CocosCreator\resources\static\template ...
- <5>Cocos Creator 脚本简介
1.创建脚本 在资源管理器窗口中点击鼠标右键,显示菜单中点击新建,选择新建的脚本类型,这里举例就选择菜单中的JavaScript,或者如下图点击创建按钮也可. 新建后就会在资源管理器中出现一个NewS ...
- Cocos Creator脚本开发事例
HelloWorld.js window.Global = { gint: 168, }; cc.Class({ extends: cc.Component, properties: { label: ...
- Cocos Creator学习目录
目录 安装和启动 文件结构 编辑器基础 基本概念 (场景树 节点 坐标 组件 ) Cocos Creator 脚本简介 Cocos Creator调试 节点 cc.Node 组件开发cc.Compon ...
- <7>Cocos Creator 节点 cc.Node
1.简介 节点(cc.Node)是渲染的必要组成部分.所有需要在游戏场景中显示的内容都必须是节点或者依附于节点之上.节点负责控制显示内容的位置.大小.旋转.缩放.颜色等信息. 2.节点属性 1: na ...
- 关于Cocos Creator用js脚本代码播放骨骼动画的步骤和注意事项
步骤: 1.用cc.find()方法找到相应的骨骼动画节点,并把这个对象赋值给一个var出来的新对象. 具体代码:var spineboy_anim = cc.find("UI_Root/a ...
- [经验] Cocos Creator使用笔记 --- 调用不同脚本下的函数
因为 JavaScript 不同于 Java, 想要调用不同文件的函数的话不能直接 ClassName object = new ClassName(); object.function(param) ...
- Cocos Creator—最佳构建部署实践
这篇文章主要是我们团队在使用Cocos Creator过程中的一些关于部署方面的实践总结,标题党了一回,严格来说,应该是<快看漫画游戏研发团队使用Cocos Creator构建部署最佳实践> ...
- cocos creator主程入门教程(七)—— MVC架构
五邑隐侠,本名关健昌,10年游戏生涯,现隐居五邑.本系列文章以TypeScript为介绍语言. 这一篇将介绍在游戏客户端常用的架构MVC架构.一个游戏的MVC如下划分: M:1)单例全局的数据中心Wo ...
- cocos creator入门
前面的话 Cocos Creator 是一个完整的游戏开发解决方案,包括了 cocos2d-x 引擎的 JavaScript 实现,以及快速开发游戏所需要的各种图形界面工具.Cocos Creator ...
随机推荐
- POJ2299 Ultra-QuickSort (JAVA)
思路是分治,和归并排序一模一样,只是在归并的过程中,顺便统计后半部分序列比前半部分序列小的有多少个 但一直WA,最后是结果数量比较大,会超过int,用long就ac了..做题真坎坷 贴AC代码 imp ...
- [BZOJ 5158][Tjoi2014]Alice and Bob
传送门 \(\color{green}{solution}\) 贪心 /************************************************************** P ...
- 基于vue-cli li列表的显示隐藏
效果:点击“公告标题”,显示公告内容,点击同一个“公告标题”多次,显示与隐藏切换 方法一: html部分代码: <ul class="clist"> <li v- ...
- Nginx unknown directive ""
原因:由于使用记事本编辑了nginx.conf. 解决方案:参考https://www.jianshu.com/p/2516ec8bae72
- 文献综述十八:基于SSH框架的进销存管理系统设计与实现
一.基本信息 标题:基于SSH框架的进销存管理系统设计与实现 时间:2017 出版源:内蒙古科技与经济 文件分类:对框架的研究 二.研究背景 进销存管理系统在各企业中广泛应用,使用SSH框架,很大程度 ...
- 新建IP核为灰色并显示there is no project open
问题: ise显示there is no project open. “You may browse the IP Catalog but you will not be able to genera ...
- Oracle rownum
本问参考自Oracle中ROWNUM的使用技巧.纯属读书笔记,用于加深记忆 rownum是oracle中的一种伪列,它会根据返回的记录生成一个序列化的数字,利用rownum,我们可以得到一些原先难以得 ...
- unittest 几个重要概念
unittest是一个python版本的junit,junit是java中的单元测试框架,unittest实现了很多junit中的概念,比如我们非常熟悉的test case, test suite等, ...
- PHP和Java中foreach循环的用法区别
1.foreach语句介绍: ①PHP: foreach 语法结构提供了遍历数组的简单方式.foreach 仅能够应用于数组和对象,如果尝试应用于其他数据类型的变量,或者未初始化的变量将发出错误信息. ...
- 【随笔】关于绝对定位absolute相对于父元素定位的问题
绝对定位absolute的官方定义: 设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块.元素原先在正常文档流中所占的空间会关闭,就好像该元素 ...