网站建设合同技术开发合同,网站栏目描述怎么写,保定网站建设制作,机械加工网格刀厂家各位同学#xff0c;好久没有更新笔记了#xff0c;今天开始#xff0c;我准备自学背包系统。今天先学习下UI界面设置。
一、新建场景和结点
1.新建Node2D场景#xff0c;命名为Inventory#xff0c;保存到Scenes目录下#xff0c;inventory.tscn。 2.新建TextureRect子…各位同学好久没有更新笔记了今天开始我准备自学背包系统。今天先学习下UI界面设置。
一、新建场景和结点
1.新建Node2D场景命名为Inventory保存到Scenes目录下inventory.tscn。 2.新建TextureRect子节点。 3.为根节点添加GridContainer子节点 4.为GridContainer节点添加Panel子节点命名为Slot1。 这时候结点目录如下
二、设置结点属性
1.设置BackGround属性。 将BackGround命名为GridContainer在BackGround检查器中将TextureRect-Texture设置背包背景图片。
2.设置Panel属性。将Panel命名为Slot1在检查器中ThemeOverride-style-panel后方下拉选择新建StyleBoxTexture。
然后将插槽背景图片拖入到Texture属性内。Layout-Transform中将size设置为18*18。最后结果如下图
3.设置GridContainer属性。 GridContainer设置为5表示一行5个插槽。ThemeOverride-constants-h_separationv_separation均设置为5表示每个插槽之间距离为5。
选中Slot1按快捷键ctrld,复制Slot1节点19个共20个插槽。最后效果如下
三、设置物品
1.新建Node2D场景命名为Item保存到Scenes目录下item.tscn。 新建TextureRect子节点将size属性设置为16*16。 为根节点添加代码。
编写代码如下
extends Node2Dfunc _ready(): #随机载入2张物品图片if randi()%20:#产生个随机数用2除余数为0$TextureRect.textureload(res://Sprites/Inventory/Iron Sword.png)else:#产生个随机数用2除余数不为0$TextureRect.textureload(res://Sprites/Inventory/Tree Branch.png)切换到Inventory场景为每个插槽添加如下代码
extends Node2Dfunc _ready(): #随机载入2张物品图片if randi()%20:#产生个随机数用2除余数为0$TextureRect.textureload(res://Sprites/Inventory/Iron Sword.png)else:#产生个随机数用2除余数不为0$TextureRect.textureload(res://Sprites/Inventory/Tree Branch.png)这样我们的背包UI就ok了效果如下