Cocos Creator 学习记录

2021-10-12 16:35:21 阅读：194 来源： 互联网

标签：Cocos 记录 cc macro Creator direction KEY keyCode Canvas

官网地址：https://www.cocos.com/

1、修改帧率（FPS）

cc.game.setFrameRate(30)

2、键盘按下触发操作

 这里主要记录的是cc.macro.KEY、systemEvent、SystemEvent.EventType

/**
*cc.macro.KEY  对应键盘值
*systemEvent    相关文档地址  *https://docs.cocos.com/creator/api/zh/classes/SystemEvent.html
*SystemEvent.EventType 有三个属性
*    KEY_DOWN String 当按下按键时触发的事件
*    KEY_UP String 当松开按键时触发的事件
*    DEVICEMOTION String 重力感应
**/

onLoad () {
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN, this.onkeypress, this)
    },

onkeypress(e){
        if (e.keyCode == cc.macro.KEY.left) {
            this.direction = cc.v2(-1, 0)
        } else if (e.keyCode == cc.macro.KEY.right) {
            this.direction = cc.v2(1, 0)
        } else if (e.keyCode == cc.macro.KEY.up) {
            this.direction = cc.v2(0, 1)
        } else if (e.keyCode == cc.macro.KEY.down) {
            this.direction = cc.v2(0, -1)
        } else if (e.keyCode == cc.macro.KEY.space) {
            this.direction = null
        }
    },

update (dt) {
        if (this.direction == null) return;

        let pos = cc.find('Canvas/xx').getPosition()
        pos.x += this.speed * this.direction.x
        pos.y += this.speed * this.direction.y

        cc.find('Canvas/xx').setPosition( pos )
    },

3、查询节点

cc.find('Canvas/xx')

4、tween 动画效果

// 个人理解 cc.tween(node).to(持续时间, 执行的对象, 执行的速度)
/**
* to: 对属性进行绝对值计算，最终的结果是设置的属性值
* by: 对属性的相对值计算，最终的运行结果是设置的属性值加上开始运行是节点的属性值
* start() 表示这个动画运行
**/
//案例
cc.tween(node)
  .to(1, {scale: 2, position: cc.v3(100, 100, 100)})
  .call(() => { console.log('This is a callback'); })
  .by(1, {scale: 3, position: cc.v3(200, 200, 200)}, {easing: 'sineOutIn'})
  .start(cc.find('Canvas/cocos'));

5、

、、、

标签：Cocos,记录,cc,macro,Creator,direction,KEY,keyCode,Canvas
来源： https://www.cnblogs.com/wasbg/p/15398455.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Cocos Creator 学习记录