• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

Cocos Creator 学习记录

开发技术 开发技术 6小时前 1次浏览

官网地址: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 Creator 学习记录
喜欢 (0)