Game UI Terminology Glossary

A comprehensive reference of UI design terminology, patterns, and concepts for game developers

Understanding the specialized terminology of game UI design is essential for effective development and communication. This glossary provides definitions for common terms used in game UI design, development, and implementation, with a focus on concepts relevant to the Game UI Generator tool and Cocos Creator integration.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

A

Anchor Point

A reference point in a UI element that determines how it is positioned relative to its parent container. Anchor points commonly include center, top-left, bottom-right, etc.

In Cocos Creator: Anchor points are represented by normalized coordinates between 0 and 1, where (0,0) is bottom-left and (1,1) is top-right.

Asset Management

The process of organizing, cataloging, and optimizing visual assets (images, textures, sprites) used in game UI development.

Game UI Generator feature: Our tool handles asset extraction and organization automatically when processing UI designs.

Auto Layout

A system that automatically positions and sizes UI elements based on their content and container constraints, often used for responsive designs.

In game development: Implemented through layout components that control how child elements are arranged.

B

Button

An interactive UI element that triggers an action when clicked or tapped.

In game UI: Buttons often have multiple visual states: normal, hover, pressed, and disabled.

Bounding Box

The rectangular area that fully encloses a UI element or component. Used for layout calculations and collision detection.

Game UI Generator feature: AI detection automatically determines the bounding boxes for different UI components in uploaded designs.

C

Canvas

The root container for all UI elements in a game. The canvas establishes the coordinate system and rendering order for UI components.

In Cocos Creator: The Canvas component provides properties for controlling render mode, design resolution, and adaptation to different screen sizes.

Component

A reusable piece of UI functionality that can be attached to nodes or game objects. Components encapsulate specific behaviors or visual elements.

In Game UI Generator: Our tool identifies common components from designs and generates the appropriate component configurations in the JSON output.

Cocos Creator

A cross-platform game engine developed by Cocos, focused on 2D game development with strong UI capabilities.

Game UI Generator integration: Our tool generates JSON configurations specifically optimized for Cocos Creator 3.8, which can be imported as prefabs with our plugin.

U

UI (User Interface)

The visual and interactive elements through which a user interacts with a game or application.

In gaming: UI includes menus, health bars, inventory screens, dialogue boxes, and other visual elements that convey information to the player or accept input.

UI Atlas

A texture atlas specifically designed for UI elements, combining multiple interface graphics into a single texture to improve rendering performance.

Game UI Generator feature: Our asset optimization automatically generates appropriate UI atlases from detected components.