{"id":20260887,"url":"https://github.com/mpewsey/hexagonalui","last_synced_at":"2025-04-11T01:44:14.479Z","repository":{"id":42043389,"uuid":"323510305","full_name":"mpewsey/HexagonalUI","owner":"mpewsey","description":"A hexagonal grid layout group for Unity.","archived":false,"fork":false,"pushed_at":"2024-05-15T18:27:11.000Z","size":6336,"stargazers_count":65,"open_issues_count":0,"forks_count":8,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-24T22:51:17.883Z","etag":null,"topics":["hexagonal-grids","ui","unity","unity3d"],"latest_commit_sha":null,"homepage":"https://mpewsey.github.io/HexagonalUI","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mpewsey.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-22T03:28:09.000Z","updated_at":"2025-02-18T16:13:33.000Z","dependencies_parsed_at":"2024-05-16T06:31:16.198Z","dependency_job_id":"f3aabe67-98de-430d-b4d8-2c6dae48c6b5","html_url":"https://github.com/mpewsey/HexagonalUI","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mpewsey%2FHexagonalUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mpewsey%2FHexagonalUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mpewsey%2FHexagonalUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mpewsey%2FHexagonalUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mpewsey","download_url":"https://codeload.github.com/mpewsey/HexagonalUI/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248327753,"owners_count":21085257,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hexagonal-grids","ui","unity","unity3d"],"created_at":"2024-11-14T11:22:54.944Z","updated_at":"2025-04-11T01:44:14.458Z","avatar_url":"https://github.com/mpewsey.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HexagonalUI\n\n[![Docs](https://github.com/mpewsey/HexagonalUI/workflows/Docs/badge.svg?event=push)](https://mpewsey.github.io/HexagonalUI)\n\n## Purpose\n\nUnity currently does not offer a built-in layout group for creating stackings of hexagonal elements, such as those sometimes used for skill grids. This package aims to fill that gap by providing a hexagonal layout group that will page UI elements into a grid.\n\n![HexLayoutGroup](https://user-images.githubusercontent.com/23442063/163601049-a1522652-6063-4976-ae87-35b92b21187e.png)\n\n## Installation\n\nIn Unity, select `Window \u003e Package Manager`.\n\n![HexagonalUI](https://user-images.githubusercontent.com/23442063/163601100-191d8699-f4fd-42cc-96d4-f6aa5a8ae29b.png)\n\nSelect `Add package from git URL...` and paste the following URL:\n\n```\nhttps://github.com/mpewsey/HexagonalUI.git\n```\n\nTo lock into a specific version, append `#{VERSION_TAG}` to the end of the URL. For example:\n\n```\nhttps://github.com/mpewsey/HexagonalUI.git#v1.3.1\n```\n\n## Usage\n\nTo use, simply attach the `HexLayoutGroup` component to a Game Object, as you would with Unity's built-in layout group components. The cell orientation component setting is based on the direction of the hexagonal element's long diagonal. In the image above, the hexagons on the top feature a horizontal cell orientation, whereas the hexagons on the bottom feature a vertical orientation.\n\nDue to the staggering of the hexagonal elements, the default `Button` component input navigation tends to navigate randomly. Therefore, if buttons will serve as the children of the layout group, it is recommended that the `HexButton` component, which provides more regular navigation behaviour, be used instead.\n\n## Tile Art Creation Guidance\n\nTo match the dimensions assigned by the hexagonal layout group, it is recommended that hexagonal tile art have their long diagonals to short diagonals proportioned to 1 : 0.86602540378. For instance, the example tile images in this package are 100 px by 87 px, including the required rounding to the nearest pixel.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmpewsey%2Fhexagonalui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmpewsey%2Fhexagonalui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmpewsey%2Fhexagonalui/lists"}