Cocos Creator 3.x 实现触摸拖动物体(record)

参考:如何实现拖动物体 - Creator 3.x - Cocos中文社区

javascript 复制代码
//注册触摸事件
node.on(Node.EventType.TOUCH_MOVE, this.onTouchMove, this);
//事件回调函数
onTouchMove(event) {
        const location = event.getUILocation();
        event.target.setWorldPosition(location.x, location.y, 0);
}

关键:坐标转换。

另外:getWorldPosition() 方法返回的是节点相对于世界坐标系的位置,即节点的中心点相对于世界坐标系的位置。这意味着它返回的是节点在屏幕上的实际位置,而不是节点的左下角或其他特定点的位置。

相关推荐
LoveDreaMing3 分钟前
微前端-无界的实操和源码分析
前端·javascript·架构
修炼前端秘籍的小帅8 分钟前
精读《JavaScript 高级程序设计 第4版》第6章 集合引用类型(三)Map、WeakMap、Set、WeakSet
开发语言·javascript·ecmascript
去伪存真25 分钟前
「实测可行」Tailwind CSS 4 与 UnoCSS 最新配置全攻略:一把跑通不踩坑
前端
十八朵郁金香28 分钟前
【H5工具】一个简约高级感渐变海报H5设计工具
前端·javascript·产品运营·axure·个人开发
人工智能的苟富贵29 分钟前
使用 Tauri + Rust 构建跨平台桌面应用:前端技术的新边界
开发语言·前端·rust·electron
拉不动的猪38 分钟前
多窗口数据实时同步常规方案举例
前端·javascript·vue.js
小p1 小时前
react学习2:react中常用的hooks
前端·react.js
南清的coding日记1 小时前
Java 程序员的 Vue 指南 - Vue 万字速览(01)
java·开发语言·前端·javascript·vue.js·css3·html5
Xiaouuuuua1 小时前
2026年计算机毕业设计项目合集
前端·vue.js·课程设计
IT_陈寒1 小时前
React 18并发模式实战:3个优化技巧让你的应用性能提升50%
前端·人工智能·后端