How are the grid coordinates mapped to world space?

Grid (0,0) starts at the bottom-left (-4, -4) and maps to (4, 4) at the top-right, using the LayoutConfig constants for precise alignment.

Why is the grid visibility often hidden behind tiles?

This is usually a sorting order issue. To appear correctly, the Grid Core and Glow must have a higher sorting order (1-2) than the Tile sprites (0).

What is the 'Golden Rule' for asset sizing in this skill?

The Golden Rule is: World Size = Texture Size / Pixels Per Unit. You should always use PPU = 100 and adjust the Texture Size based on your desired world size (Texture Size = World Size x 100).

How should the camera be configured for this setup?

The camera should use an Orthographic Size of 5.4, a 16:9 aspect ratio, and a position of (0, 0, -10).

What are the target display dimensions for this layout?

The layout is optimized for a 1920x1080 display, which translates to 19.2 world units wide and 10.8 world units high at 100 PPU.

Game Board Layout & Sizing

Name: Game Board Layout & Sizing
Author: jwmyers

byjwmyers

0•

Desarrollo de Videojuegos

Manages coordinate systems, grid positioning, and asset scaling for 1920x1080 board game displays.

This skill provides Claude with expert knowledge regarding a specific 16:9 board game layout system, ensuring precise asset placement and scaling. It enforces the 'PPU=100' golden rule for SVG imports, defines the horizontal and vertical zone coordinates (including UI, Reserve, and Grid zones), and provides C# reference logic for grid-to-world conversions. It is an essential tool for developers working on game projects that require strict adherence to the LayoutConfig specifications for the 1920x1080 hardware target.

Características Principales

01Enforces standardized PPU and SVG texture scaling formulas

02Defines camera orthographic settings for 1080p hardware targets

030 GitHub stars

04Automates grid-to-world coordinate conversion calculations

05Standardizes rendering order and sorting layers for sprites and UI

06Provides precise coordinate mapping for 5x5 playable grids

Casos de Uso

01Troubleshooting camera viewport or sprite alignment issues

02Importing and scaling SVG game assets like tiles and tokens accurately

03Implementing player-specific UI zones and reserve pool logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jwmyers/vui-vux-plugins layout-sizing

For use in Claude.ai and ChatGPT

Download Skill