Getting Started꞉ Customize Items

On this page, you'll learn how to customize an item renderer by changing its materials, colors, shapes, and sizes.

Instructions

📷 Setting new item renderer materials and testing them in the editor

1. Complete the Scene Setup step.
2. Add an item to your scene. See the Checkbox Item or Slider Item instructions for assistance.
3. Disable the HoverItemRendererUpdater component of the item object. This unlocks the item's control over certain renderer properties, allowing the developer to manually control them in the editor.
4. Find the HoverIndicator component of the item renderer object (child of the item object). Note that its properties are now unlocked (due to the previous step).
   1. Set "Highlight Progress" to control the visual indicator for proximity.
   2. Set "Selection Progress" to control the visual indicator for the selection timer.
5. Find the Background, Highlight and Selection objects (children of the Fill object).
   1. In their MeshRenderer components, set the "Materials" property to the desired material.
   2. Optional: In their HoverMesh-based components, enable the "Auto Uv" property (the name of the component and property varies based on the renderer type). This property adjusts the texture coordinates to make the texture look static despite changes to the visual indicator shape/size.
6. Before playing the scene, re-enable the HoverItemRendererUpdater component of the item object. This gives the item control over the renderer, which is necessary for correct functionality at runtime.