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

问题:

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);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,761评论 0 17
  • # 一度蜜v3.0协议 --- # 交互协议 [TOC] ## 协议说明 ### 请求参数 下表列出了v3.0版协...
    c5e350bc5b40阅读 684评论 0 0
  • 一、简历准备 1、个人技能 (1)自定义控件、UI设计、常用动画特效 自定义控件 ①为什么要自定义控件? Andr...
    lucas777阅读 5,288评论 2 54
  • BYXIAOBAI·2018年4月8日 前端开发者丨HTML5 https://www.rokub.com 前言虽...
    麋鹿_720a阅读 1,582评论 1 0
  • 文|图 舒行之 纵使波诡云谲,亦巧笑嫣然 任凭风吹雨打,亦不动如山 拍摄时机:等人的时候,抬头望天,滚滚云尘扑面而...
    舒行之阅读 467评论 2 3