当前位置: 首页 > article >正文

Cocos Creator3.8.6拖拽物体的几种方式

文章目录

  • 前言
  • 一、第一种通过UILocation
  • 二、第二种通过UIDelta实现
  • 总结


前言

在游戏开发中,拖拽物体是一个非常常见的交互功能,无论是用于UI元素的拖动,还是场景中物体的移动,拖拽操作都能极大地提升用户体验。Cocos Creator 3.8.6 作为一款强大的游戏开发引擎,提供了多种实现拖拽功能的方式,开发者可以根据具体需求选择最适合的方案。本文将详细介绍在Cocos Creator 3.8.6中实现物体拖拽的几种常见方法,帮助开发者快速掌握这一核心技能。


提示:以下是本篇文章正文内容,下面案例可供参考

一、第一种通过UILocation

    private onTouchMove(event: EventTouch) {
         this.node.setWorldPosition(event.getUILocation().x,event.getUILocation().y,0);
    }

PS:当手指按下时,如果点击的位置不在 Node 的中心点,物体在移动前会强制以中心点开始移动。如果想要的效果是从手指按下的位置开始移动就做不到。

二、第二种通过UIDelta实现

    private onTouchMove(event: EventTouch) {
        const delta = event.getUIDelta();
        const newPos = this.node.position.add(delta.toVec3());
        this.node.setPosition(newPos);
    }

PS:这种方式可以实现从手指按下位置开始移动,另外注意getUIDeltagetDelta有区别,至于什么效果,试试就知道了。


总结

通过本文的介绍,我们了解了在Cocos Creator 3.8.6中实现物体拖拽的几种常见方式,包括使用触摸事件、鼠标事件、物理引擎以及UI组件的拖拽功能。每种方式都有其适用的场景和优缺点,开发者可以根据具体需求选择最合适的方案。无论是简单的UI拖拽,还是复杂的物理交互,Cocos Creator 3.8.6 都提供了强大的工具和灵活的API,帮助开发者轻松实现各种拖拽功能。希望本文能为您的开发工作提供有价值的参考。


http://www.kler.cn/a/568070.html

相关文章:

  • java23种设计模式-备忘录模式
  • 本地部署阿里的万象2.1文生视频(Wan2.1-T2V-1.3B)模型
  • 【文献阅读】A Survey Of Resource-Efficient LLM And Multimodal Foundation Models
  • 前端开发核心知识点深度解析:从CSS到Vue的全面指南
  • 力扣hot100——回溯
  • DeepSeek 助力 Vue3 开发:打造丝滑的网格布局(Grid Layout)
  • Angular学习笔记90: 浏览器兼容性问题
  • 泛微e-office index.php sql注入漏洞复现(CNVD-2022-2)(附脚本)
  • 58、深度学习-自学之路-自己搭建深度学习框架-19、RNN神经网络梯度消失和爆炸的原因(从公式推导方向来说明),通过RNN的前向传播和反向传播公式来理解。
  • “深入浅出”系列之音视频开发:(12)使用FFmpeg实现倍速播放:技术细节与优化思路
  • 《React Hooks 入门与实战》
  • YOLOv11-ultralytics-8.3.67部分代码阅读笔记-predict.py
  • qt 如何做到checkbox中的状态和定义的变量同步绑定
  • Flutter 学习之旅 之 flutter 在 Android 端进行简单的图片裁剪操作
  • 001 Kafka入门及安装
  • DeepSeek本地部署+自主开发对话Web应用
  • 博云先进算力管理平台AIOS已上线全尺寸DeepSeek系列模型
  • 高可用、高性能、负载均衡集群的区别
  • 蓝桥杯 团建
  • 【目录】系统架构设计师—学习笔记