No.2 杀戮尖塔Godot复刻2卡牌拖动和状态机1|CardUI|BattleUI

使用Godot引擎创建游戏UI节点

杀戮尖塔中有两种卡
单一目标卡牌和非单一目标卡牌
使用卡牌方法:

  1. 如果按住鼠标左键拖动防御卡并将其释放到屏幕中的某个位置,该卡就会被打出
  2. 另一种方法是鼠标左键单击防御卡,不按下左键,将其拖到屏幕中间,再次单击鼠标左键,打出卡牌
    取消使用卡牌方法
  3. 单击鼠标右键
  4. 或者将卡牌往屏幕下方拖拽

创建CardUI节点

卡牌用控制节点来显示,用2D区域来处理卡牌放置区域逻辑

创建新场景
![[Pasted image 20241126221654.png]]

创建用户界面根节点
![[Pasted image 20241126221734.png]]

更名为CardUI
![[Pasted image 20241126221837.png]]

colorRect颜色控件

添加子节点
colorrect
![[Pasted image 20241126221859.png]]

是临时使用的颜色,可以在视觉上区分不同的状态,便于调试
再添加label
![[Pasted image 20241126222100.png]]

调节CardUI的大小
改变layout的transform的size为25的30,比较符合卡牌的大小
![[Pasted image 20241126222621.png]]

确保颜色会继承这个大小
选中color节点,选择整个矩形
![[Pasted image 20241126222700.png]]

![[Pasted image 20241126222738.png]]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值