Loading files
This file is pinned to the selected release. Download the original to open it in your design tool.
# Static hand sprite atlas
The runtime hand colors are not baked into these images. Draw
`hands-outer-mask.png` with the face primary color, then draw
`hands-inner-mask.png` at the same position with the face secondary color.
The UI manifests use Moddable's supported `*-alpha-monochrome` resource target
so both masks stay compact one-bit alpha textures while retaining their PNG
resource names at the Piu API boundary.
Both atlases are 704 x 880 pixels and use 88 x 88 pixel cells. The artwork
still has a maximum 76-pixel extent; the smaller cells only remove transparent
padding and do not scale the hands at runtime.
Columns, from left to right:
1. up
2. up-right
3. right
4. down-right
5. down
6. down-left
7. left
8. up-left
Rows, from top to bottom:
1. right fist
2. right point
3. right peace
4. right open
5. right side-open
6. left fist
7. left point
8. left peace
9. left open
10. left side-open
`hands-source-right.png` is the five-row authoring sheet assembled from the
built-in image generation results. `hands-source-right-alpha.png` is the same
five-row source after chroma-key removal. The side-open artwork was generated
separately, then appended as row 5 so source rows and runtime state rows use the
same order.
The left-hand rows are generated from the right-hand rows. The direction is
remapped before mirroring so that, for example, both `right/up-right` and
`left/up-right` still gesture toward the upper right.
Regenerate the masks and preview with:
```sh
python "${CODEX_HOME:-$HOME/.codex}/skills/.system/imagegen/scripts/remove_chroma_key.py" \
--input host/modules/ui/components/hands/assets/hands-source-right.png \
--out host/modules/ui/components/hands/assets/hands-source-right-alpha.png \
--auto-key border \
--soft-matte \
--transparent-threshold 12 \
--opaque-threshold 220 \
--despill \
--force
python host/modules/ui/components/hands/tools/build-static-atlas.py \
host/modules/ui/components/hands/assets/hands-source-right-alpha.png \
host/modules/ui/components/hands/assets
```
The source generation prompt is recorded in `generation-prompt.md`.
c44ec7454This file is pinned to the selected release. Download the original to open it in your design tool.