[FairyGUI]手游坐标轴实现思路

2023-12-03 13:58

本文主要是介绍[FairyGUI]手游坐标轴实现思路,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本次使用FairyGUI实现的是大逃杀类游戏画面上部的坐标轴,坐标轴用于方便玩家之间合作交流。

大概思路是:

使用一块图形作为捕获触摸的触摸板,将坐标轴看作循环滚动列表

在代码里记录每次拖动的横向距离,将距离换算成滚动列表的横向滚动率percX。

percX = (当前滚动位置 - 列表宽)/(滚动面板内容物宽 - 列表宽)

将所记录的横向拖动距离看做角度,要求的便是每次拖动产生的deltaDegree相当于滚动面板多少的deltaPercX?

具体换算需根据列表宽、表内Item宽以及滚动面板内容物宽来调整,我们以一种情况为例子;

list.width (列表宽)= X,Item.width (表内物体宽)= 4X,scrollPane.contentWidth(滚动面板内容物宽) = 24X

滚动面板宽实际情况可以直接输出查看,本例子中滚动列表的滚动情况为下图所示

(每当scrollPane,percX=0时,会自动滚动到13的位置;当scrollPane.percX=1时会滚到12的位置)

每个X宽代表90°,一个item宽为4X代表360°,将每个item的宽看做一个圆的周长,则有:

①deltaDegree / π = deltaX / π * r

②2 * π * r = 4 * X

③deltaPercX = deltaX / ( scrollPane.contentWidth - list.width )

结合3个式子便可求出deltaPercX,将变化的滚动率加上原滚动率就好了。

还需要注意的是,每次改变percX需要判断是否在(0,1)这个范围,如果出界可以模仿上图中默认的滚动方式,如果觉得默认的缓冲滚动效果不佳可以直接禁用。

 

以上是将触摸板的拖动距离当做角度来使列表进行滚动的方法。其实还可以将拖动距离换算至(0,1)的范围当做percX直接滚动列表,再将percX换算为degree控制物体转动。换算方法是将每滚动4X距离看做转动360°,依据当前percX计算出当前X位置。将当前位置与4进行模运算,再乘上360就是所需度数了。

 

 

这篇关于[FairyGUI]手游坐标轴实现思路的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/449686

相关文章

Java实现MD5加密的四种方式

《Java实现MD5加密的四种方式》MD5是一种广泛使用的哈希算法,其输出结果是一个128位的二进制数,通常以32位十六进制数的形式表示,MD5的底层实现涉及多个复杂的步骤和算法,本文给大家介绍了Ja... 目录MD5介绍Java 中实现 MD5 加密方式方法一:使用 MessageDigest方法二:使用

mysql删除无用用户的方法实现

《mysql删除无用用户的方法实现》本文主要介绍了mysql删除无用用户的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 1、删除不用的账户(1) 查看当前已存在账户mysql> select user,host,pa

Nginx配置location+rewrite实现隐性域名配置

《Nginx配置location+rewrite实现隐性域名配置》本文主要介绍了Nginx配置location+rewrite实现隐性域名配置,包括基于根目录、条件和反向代理+rewrite配置的隐性... 目录1、配置基于根目录的隐性域名(就是nginx反向代理)2、配置基于条件的隐性域名2.1、基于条件

Linux配置IP地址的三种实现方式

《Linux配置IP地址的三种实现方式》:本文主要介绍Linux配置IP地址的三种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录环境RedHat9第一种安装 直接配置网卡文件第二种方式 nmcli(Networkmanager command-line

Java实现将Markdown转换为纯文本

《Java实现将Markdown转换为纯文本》这篇文章主要为大家详细介绍了两种在Java中实现Markdown转纯文本的主流方法,文中的示例代码讲解详细,大家可以根据需求选择适合的方案... 目录方法一:使用正则表达式(轻量级方案)方法二:使用 Flexmark-Java 库(专业方案)1. 添加依赖(Ma

使用EasyExcel实现简单的Excel表格解析操作

《使用EasyExcel实现简单的Excel表格解析操作》:本文主要介绍如何使用EasyExcel完成简单的表格解析操作,同时实现了大量数据情况下数据的分次批量入库,并记录每条数据入库的状态,感兴... 目录前言固定模板及表数据格式的解析实现Excel模板内容对应的实体类实现AnalysisEventLis

Mybatis从3.4.0版本到3.5.7版本的迭代方法实现

《Mybatis从3.4.0版本到3.5.7版本的迭代方法实现》本文主要介绍了Mybatis从3.4.0版本到3.5.7版本的迭代方法实现,包括主要的功能增强、不兼容的更改和修复的错误,具有一定的参考... 目录一、3.4.01、主要的功能增强2、selectCursor example3、不兼容的更改二、

如何使用C#串口通讯实现数据的发送和接收

《如何使用C#串口通讯实现数据的发送和接收》本文详细介绍了如何使用C#实现基于串口通讯的数据发送和接收,通过SerialPort类,我们可以轻松实现串口通讯,并结合事件机制实现数据的传递和处理,感兴趣... 目录1. 概述2. 关键技术点2.1 SerialPort类2.2 异步接收数据2.3 数据解析2.

mybatis-plus 实现查询表名动态修改的示例代码

《mybatis-plus实现查询表名动态修改的示例代码》通过MyBatis-Plus实现表名的动态替换,根据配置或入参选择不同的表,本文主要介绍了mybatis-plus实现查询表名动态修改的示... 目录实现数据库初始化依赖包配置读取类设置 myBATis-plus 插件测试通过 mybatis-plu

Qt把文件夹从A移动到B的实现示例

《Qt把文件夹从A移动到B的实现示例》本文主要介绍了Qt把文件夹从A移动到B的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录如何移动一个文件? 如何移动文件夹(包含里面的全部内容):如何删除文件夹:QT 文件复制,移动(