Grid Raw Image

RawImage that tiles a texture in a grid pattern with UV offset control.

Primitives primitives image grid tile texture

UI Grid Raw Image

Custom graphic for uGUI. Single-object/texture Grid image, excellent for tile-based (tetris-like) inventory

Contents

1 Overview

2 Properties

3 Methods

4 Usage

5 Video Demo

6 See also

7 Credits and Donation

8 External links

Overview

Custom graphic for uGUI. Single-object/texture Grid image, excellent for tile-based (tetris-like) inventory.

Features

  • 1 texture / 1 GameObject / 1 drawcall
  • skip cells
  • valid raycasting by geometry for input
  • resize rectTransform to fit
  • extrude edges (inner outer)
  • Non-rectangle cells
  • script-based, no custom shader

Properties

alt text

The properties of the Grid Raw Image control are as follows:

Property Description
Texture Texture to use for each cell.
Resize Factor by how each cell is resized.
Cell Size The dimensions per cell.
Extrude Extrusion surrounding the cell.
Shape The grid size, including configuration for which cells are active.

Inherited from MaskableGraphic

  • Material
  • Color
  • Raycast Target
  • Maskable

Methods

This component does not expose public methods beyond inherited behaviour.

Usage

…

Video Demo

Youtube usage video

See also

alt text alt text alt text alt text alt text alt text alt text

Credits and Donation

Dmitry (mitay-walle)

Sourced from