JU TPS Documentation
  • 🤩Welcome to JU TPS
  • 😄Quick Start
    • How to start a new scene
    • How to create a JU Character / Reskin Default Character / Setup New Characters
      • Ragdoll
      • Damageable Body
      • Physical Damage
      • Body Leaning Setup
      • Taking Damage / Healing
      • Footstep System
      • Resizable Capsule Collider
    • 📦 Addon Installer
  • 🎮Game Development
    • Game Styles
      • Third Person Shooter Style
      • First Person Shooter Style
      • Top Down Style
      • 2.5D Sidescroller Style
      • ⚠️Important Info About Cross-Plataform
    • Controls / Inputs
      • JU Input Manager
      • Input Events
    • How to create a Mobile Game with JU TPS
      • Mobile Inputs
    • How to load scene
      • Scene Controller
    • How to use Cover System
    • How to use inventory and add items
      • Inventory in UI
      • How to switch between items
      • How to align weapon rotation
    • How to create weapons and items
      • Prevent gun clipping through walls
      • Creating Projectiles/Bullets
    • How to use Dual Wielding System
    • How to use Armor/Cloth System
    • How to use Vehicle System
      • Standard Vehicle Configuration
      • How to create a Car Controller
      • How to create a Motorcycle Controller
      • Vehicle Engine Sounds
      • Coding Custom Wheeled Vehicles
      • How to enter and exit from a vehicle
    • How to use Gravity Switching
    • How to use Actions/Skill and Animation Events
      • JU TPS State Machine Behaviours
      • JUTPSActions Lib Scripting Reference
    • Camera State Trigger
    • How to use Enemies AI
    • How to use Vehicles AI
  • ⚙️Tools, Utils and Tutorials
    • General Tutorials
      • How to do Ragdoll Fall with Input Event
      • How to disable FPS Aim Mode / Scope / Iron Sight Aim
    • Auto Scripts
    • Icon Generator Tool
    • Destructible Objects System
      • Fracture Generator Tool
    • Pixel Quality Scaler
    • Camera Shake
    • Slow Motion
    • Gizmo Drawer
  • ▶️Video Tutorials
    • How to use JU TPS
  • 💬Discord Community
  • ❓Support | Help
  • 📍Roadmap
  • 🔃Change Log
  • 📦Official Addons
Powered by GitBook
On this page
  • Inventory UI Manager
  • Inventory Slot UI
  1. Game Development
  2. How to use inventory and add items

Inventory in UI

The inventory in the UI is just a visual representation of the real inventory, it allows you to organize items, seven sequential slots, equip, unequip and drop items.

PreviousHow to use inventory and add itemsNextHow to switch between items

Last updated 2 years ago

All Inventory in the UI is already configured in all user interfaces, you can simply modify it to be the way you want, but if you want to build from scratch it is important to read this page.

Inventory UI Manager

This script manages and creates the slots. It can also be used to view loot items.

Properties
Description

Inventory Screeen

It is the screen where all the Inventory UI elements reside.

Target Inventory

Inventory you want to inspect the items. Leave empty if you want to inspect the player's items.

Slot Prefab

Prefab configured from a standard slot.

Hide Cursor When Exit Inventory

Hide mouse cursor when exit inventory. ⚠ Pay attention to the player's configuration so that it doesn't block the FireMode when this option is unchecked.

Lock Cursor When Exit Inventory

Lock mouse cursor when exit inventory

Show Cursor When Open Inventory

Show mouse cursor when open inventory

Filter Left Hand Items

When this option is checked the left hand items do not appear.

Slots Quantity

Number of Slots to instantiate.

Inventory Scroll View Content

Slots

Generated slots (not necessarily, if you set the Slots Quantity to 0 and assign the slots here, it's the same)

Is Loot View

This option create a loot checker and will always activate the Loot View screen when the player rolls over a loot. ⚠ Use an Inventory UI Manager for Loot View.

Player

The player, you can leave this variable empty.

Character Layer

Character layer, if you are using another layer for Loot, add the option here.

Check Loot Radius

Radius that the player can collect loot.

See below how to set the elements:

Inventory Slot UI

This component is fundamental for the functioning of the Inventory UI, with it it is possible to draw icons of items in the slot, equip when dropping an item in the slot, set and draw sequential items.

Properties
Description

Inventory

inventário para a troca de informação

Item ID To Draw

Draw Sequential Item

Draw the item by sequence and not by ID

Sequential To Draw

Sequential Slot to draw the item ⚠ Example: draw the player's primary weapon, which would be in the first slot

Set Sequential On Drop

Slot Item Image

Image that will draw the icons of the items

Slot Health Bar

Image(Filled Type) in to show the "health" of the item.

Item Without Icon Sprite

Sprite that will appear when the item doesn't have a sprite icon assigned.

Empty Slot Sprite

Sprite that will appear when the slot is empty.

Item Quantity Text

Text that counts the quantity of the items

Outline

Image that do an outline effect when the cursor is over the slot.

Enable Options

Activates the buttons that appear when you click on the slot (Use, Equip, Unequip, Drop)

Auto Equip On Drop

Equip an item on drop in this slot

Is a Loot Slot

Informs other slots and Inventory UI Managers that this slot comes from a loot ⚠ No need to create a different slot for loots, Loot View checks this option automatically

Allow Items With Tags

Item filter by tags, here you put the tags of the type of item that the slot can support ⚠ Example: Primary Weapon tag and etc...

Allow Any Item

Allow any item regardless of item tag

Options Panel

Panel with all Option Buttons inside (Use, Equip, Unequip, Drop)

Equip Button

Equip Button in Slot

Unequip Button

Unequip Button in Slot

Use Button

Use Button in Slot

Drop Button

Drop Button in Slot

Content of a that contains the component, which will automatically arrange the Slot spacing.

ID of the item to be drawn ⚠ if it is a slot generated by the , this ID is automatically set

Sets the item in Sequential Slot of inventory when an item is dropped in this slot. ⚠ This option should not be used on normal slots instantiated by .

🎮
ScrollView
Grid Layout Group
Inventory UI Manager
Inventory UI Manager
Hierarchy and Inspector organization of a standard Slot Prefab