CocosCreator让一个物体跟随鼠标移动

Stella981
• 阅读 1214

CocosCreator让一个物体跟随鼠标移动

首先新建一个脚本,名字随便取

const {ccclass, property} = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {

    @property(cc.Node)
    test:cc.Node=null;

    onLoad(){
        //绑定事件
        this.node.on(cc.Node.EventType.TOUCH_MOVE,this.mouseFun,this);
        //给canvas绑定事件
    }
      
    mouseFun(event:cc.Event.EventTouch){
        console.log('手指在屏幕上移动了');
        //触摸点的世界坐标
        var pos = new cc.Vec2(event.getLocationX(),event.getLocationY());
        //转换为节点(局部)空间坐标系
        pos = this.node.convertToNodeSpaceAR(pos);//将一个点转换到节点 (局部) 空间坐标系,这个坐标系以锚点为原点。
        //给要移动的物体赋值
        this.test.position = pos;
    }

}

这是脚本中的代码,test节点为跟随鼠标移动的节点

然后把脚本挂在canvas上面(必须挂在canvas上)
然后绑定节点就可以了
CocosCreator让一个物体跟随鼠标移动
最终效果
CocosCreator让一个物体跟随鼠标移动

Cocos技术交流Q群:1130122408
欢迎进群闲聊、技术交流都可以

点赞
收藏
评论区
推荐文章
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Wesley13 Wesley13
3年前
unity2d 物体指向鼠标方向绕某一点旋转
 在2D游戏中,类似泡泡龙炮台发射、敌人飞机永远指向PLAYER、愤怒小鸟弹弓发射等效果,都需要用到物体跟随鼠标绕一个点旋转的效果,在unity中实现代码很简单,但是在理解上有一定障碍,因为unity是3D界面,他的旋转并不是2D世界中那么简单。实现这种效果,可以使用两种方法,一种是采用角度计算,一种是采用向量运算;1,角度运算容易理解,但是代码较为
Wesley13 Wesley13
3年前
unity2D限制位置的背景移动补偿效果
有时候我们想要背景可以跟随相机移动补偿,但是又不想该背景物体离原来的位置太远,比如我们想要一棵树在一个房子的后面,然后使用相机补偿使其跟随移动,达到3D错觉效果,但是我们又不想该物体偏离房屋太远。假设使用我上一次博客的方法,我们一开始就从很远的位置走过来,那么当我门到达房屋的位置时,由于树一直在运动从而偏离原来的位置很远,将会看不到树,所以我们采用了如下的方
Wesley13 Wesley13
3年前
Unity 子弹移动以及碰撞条件
一、子弹移动游戏物体移动最主要的是获取一个刚体组件,再对这个刚体组件添加一个向前的力;具体代码:publicclassBulletCtrl:MonoBehaviour{publicintdamage20;publicfloatspeed1000.0F;
Wesley13 Wesley13
3年前
unity 使物体跟随路径点自动移动位置
可以做全自动的动画,只要设置好路径点就可以了,privateTransformways1;//路径点的位置publicTransformtagret;//移动的物体privateintindex1;privatevoidStart(){
Stella981 Stella981
3年前
ES6与canvas实现鼠标小球跟随效果
        最近闲来无聊,看了下ES6的语法,结合canvas实现了动画特效——随着鼠标的移动,会有小球跟随且自动消失的动画。首先,html部分,目前就一个canvas标签。1<canvasid"canvas"2当前浏览器不支持!3</canvas其次,css部分,没有考
Wesley13 Wesley13
3年前
unity 赛车相机跟随物体移动
对于unity赛车相机跟随物体移动(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.taikr.com%2Farticle%2F520)的问题,我之前做了一个人物的相机跟随着物体移动,所以就把这个来分享出来,两个的原理基本是一样的,所以大家可以参考下。今天做了一个人物点击鼠标
Wesley13 Wesley13
3年前
Unity GL画折线
新建一个脚本,这个物体得挂在有摄像机组件的物体上才能生效OnPostRender()这个函数才会被自动调用(类似生命周期自动调用)然后就可以代码画线了,原理是openGL的画线usingUnityEngine;usingSystem.Collections;usingSystem.Collections.Gen
Wesley13 Wesley13
3年前
Unity中鼠标拖动物体移动的算法
鼠标拖动物移动在游戏设计上用的非常多,像飞机射击游戏,我来分享下我的思路:  我的思路: 因为鼠标的屏幕坐标是二维的,物体是世界坐标,三维的。首先将鼠标的屏幕坐标转换为三维的世界坐标,这样为了计算鼠标与物体位置之间的距离,再将移动后的鼠标的屏幕坐标转换为世界坐标,加上之前的距离量,将和值赋给物体坐标,就可以实现了。C算法实现:IEnumera
Wesley13 Wesley13
3年前
Unity3D 摄像机跟随旋转的方案
Intro主要想探讨的是如何令摄像机随鼠标操作进行旋转和移动,摄像机跟随的脚本官方就有Example。方案:独立的角度变量主要的特点是使用独立的角度变量,每次处理鼠标移动操作都会创建一个新的Quaternion用于计算。先看Demo。publicclassPlayerControls: