美文网首页
Cocos游戏笔记(一):鼠标移动问题/鼠标自定义样式

Cocos游戏笔记(一):鼠标移动问题/鼠标自定义样式

作者: 方_糖 | 来源:发表于2019-10-17 18:21 被阅读0次

问题:

BBQ游戏背景图.png
我在想控制移动上图的调料,使得鼠标点击一下,调料瓶就会跟着鼠标走,但是cocos creator的鼠标事件中只能在一直按住鼠标的情况下才能获取鼠标的位置(详见cocos creator说明文档系统内置事件 image.png

监听代码如下

onLoad () {
      this.node.on(cc.Node.EventType.TOUCH_START, this.mouseStart, this);
      this.node.on(cc.Node.EventType.TOUCH_END, this.mouseEnd, this);
    },

解决办法:改变鼠标的自定义样式

怎么个改变法呢?
通过js改变cursor的属性为自定义的url(cursor用法)。具体代码如下

cc.game.canvas.style.cursor = "url('/res/import/a9/a9c11f77-274c-4920-90ae-7b2d84c21b77.png'),auto";

这里请注意了,url是怎么来的?我明明是把图片都放在了assets/Texture文件夹中,这跑出来的地址是啥?

由于一系列的原因(具体原因作者现在还不太清楚),大家只能通过调试查看资源的地址。如下图:


image.png

又新学到一招

效果如下:

拖动效果图.gif

可以拖动放置~

//实现代码
this.node.on(cc.Node.EventType.TOUCH_MOVE, function (event) {
                  this.opacity = 255;
                  var delta = event.touch.getDelta();
                  this.x += delta.x;
                  this.y += delta.y;
              }, this.node);

相关文章

网友评论

      本文标题:Cocos游戏笔记(一):鼠标移动问题/鼠标自定义样式

      本文链接:https://www.haomeiwen.com/subject/nmyvmctx.html