做易经类的网站,指纹锁在什么网站做宣传好,妇女之家网站建设方案,手机淘宝网页版入口这一节我们主要学习背包系统中的物品拖拽后#xff0c;物品放到新的位置#xff0c;或交换物品位置#xff0c;如果两个物品属于同一物品则数量相加。具体效果如下#xff1a;
一、修改item.tscn场景
给item.tscn场景的根节点Item添加Label子节点#xff0c;命名为Numv…这一节我们主要学习背包系统中的物品拖拽后物品放到新的位置或交换物品位置如果两个物品属于同一物品则数量相加。具体效果如下
一、修改item.tscn场景
给item.tscn场景的根节点Item添加Label子节点命名为NumverCount用于显示物品数量。然后修改根节点的代码如下
extends Node2D
export var number1 #表示物品的数量
export var icoUrl #表示物品图片
export var itemname #表示物品的名称onready var texture_rect $TextureRect
onready var numver_count $NumverCountfunc _ready(): #随机载入2张物品图片if randi()%20:#产生个随机数用2除余数为0itemname宝剑icoUrl res://Sprites/Inventory/Iron Sword.png else:#产生个随机数用2除余数不为0itemname树枝icoUrl res://Sprites/Inventory/Tree Branch.pngsetIco(icoUrl)setNumber(number)
#设置显示数量
func setNumber(numvercount):number numvercountnumver_count.textstr(numvercount)
#设置图片
func setIco(icoUrlstr):texture_rect.textureload(icoUrlstr)改代码主要增加了三个属性一个是物品数量一个是物品的图片地址最后一个是物品的名称。增加了2个方法一个是setNumber方法用于显示物品数量另一个是setIco函数设置物品图片。
二、修改slot.gd代码。
slot.gd代码修改如下
extends Panel#背包背景格子图片default_text有物品的时候背景格子empty_text无物品的时候背景格子
var default_text preload(res://Sprites/Inventory/item_slot_default_background.png)
var empty_text preload(res://Sprites/Inventory/item_slot_empty_background.png)var default_style:StyleBoxTexture null #有物品的时候格子样式
var empty_style:StyleBoxTexture null #五物品的时候格子样式var itemClass preload(res://Scenes/item.tscn) #预加载物品
var item null #定义物品func _ready():default_style StyleBoxTexture.new() #初始化有物品时候的格子样式empty_style StyleBoxTexture.new() #初始化无物品时候的格子样式default_style.texture default_text #将有物品时的格子与样式联系起来empty_style.texture empty_text #将无物品时的格子与样式联系起来if randi()%20: #产生一个随机数用2求余 当余数为0时item itemClass.instantiate() #实例化物品add_child(item) #在插槽内加载物品refresh_style() #刷新样式函数func refresh_style(): #刷新样式函数if itemnull: #物品为空时对应设置样式set(theme_override_styles/panel,empty_style)else:#物品不为空时对应设置样式set(theme_override_styles/panel,default_style)func getitem(): #返回节点return itemfunc removeNode(): #移出节点if item!null:remove_child(item)itemnullset(theme_override_styles/panel,empty_style) func PutIntoSlot(textureFrom):#物品拖放功能if itemnull:#如果目标物品栏为空item itemClass.instantiate() #实例化物品 add_child(item)item.texture_rect.texture textureFrom.item.texture_rect.textureitem.setNumber(textureFrom.item.number)textureFrom.removeNode()else:#如果目标物品栏不为空则物品进行交换 if item.texture_rect.texturetextureFrom.item.texture_rect.texture:#如果目标物品跟拖放物品数同一商品则数量相加item.setNumber(item.numbertextureFrom.item.number)textureFrom.removeNode()passelse:#如果目标物品跟拖放物品不同则交换var tempItem item.texture_rect.texturevar tempnumber item.numberitem.texture_rect.texture textureFrom.item.texture_rect.textureitem.setNumber(textureFrom.item.number)textureFrom.item.texture_rect.texture tempItemtextureFrom.item.setNumber(tempnumber)
三、修改一下Inventory场景
在根节点下添加一个Control控件在该节点上单击右键选择设为场景根节点这样该场景就变成了Control为根节点了然后将原来根节点下的子节点拉入到Control节点下最后删除原来的Node2d节点并把Control节点命名为Inventory。 最后目录结构如下
修改根节点代码如下
extends Control
onready var grid_container $GridContainer#拖拽开始
func _get_drag_data(at_position):var dragSlotNode get_slot_node_at_position(at_position) #获取哪个节点被拖放if dragSlotNode.getitem()null : return #如果未有物品直接退出#复制物品节点下的图片作为拖动预览节点var dragPreviewNode dragSlotNode.getitem().get_child(0).duplicate()dragPreviewNode.custom_minimum_sizeVector2(16,16) #设置最小值为16像素set_drag_preview(dragPreviewNode) # 函数用于设置当节点被拖动时显示的预览图像。return dragSlotNode#用于确定一个控件是否能够接受拖放操作中放置的数据。这个函数在控件接收到拖放数据时被调用允许您根据数据的类型或来源决定是否接受数据。
func _can_drop_data(at_position, data):var targetSlotNode get_slot_node_at_position(at_position) return targetSlotNode !null#用于处理拖放操作中数据被放置到控件上时的逻辑。当用户将数据拖放到控件上并且 can_drop_data() 返回 true 时_drop_data() 函数会被调用。
#at_position表示接收拖放的坐标数据dragSloteNode表示从哪个节点拖放过来
func _drop_data(at_position, dragSloteNode):var targetSlotNode get_slot_node_at_position(at_position) #获取接收拖放的节点targetSlotNode.PutIntoSlot(dragSloteNode)这样我们就实现物品拖拽功能下节见。
