pixelsrc 0.2.0

Pixelsrc - GenAI-native pixel art format and compiler
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12

{"type": "palette", "name": "ui", "colors": {"{_}": "#00000000", "{bg}": "#2D2D2D", "{fg}": "#FFFFFF", "{ac}": "#4A90D9", "{hl}": "#5BA0E9", "{dk}": "#1A1A1A", "{gn}": "#4CAF50", "{rd}": "#F44336"}}
{"type": "sprite", "name": "btn_left", "size": [4, 16], "palette": "ui", "grid": ["{_}{dk}{dk}{dk}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{bg}{bg}{bg}", "{dk}{dk}{dk}{dk}", "{_}{dk}{dk}{dk}"]}
{"type": "sprite", "name": "btn_mid", "size": [8, 16], "palette": "ui", "grid": ["{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{bg}{bg}{fg}{fg}{fg}{fg}{bg}{bg}", "{bg}{bg}{fg}{fg}{fg}{fg}{bg}{bg}", "{bg}{bg}{fg}{fg}{fg}{fg}{bg}{bg}", "{bg}{bg}{fg}{fg}{fg}{fg}{bg}{bg}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}", "{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}", "{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}"]}
{"type": "sprite", "name": "btn_right", "size": [4, 16], "palette": "ui", "grid": ["{dk}{dk}{dk}{_}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{bg}{bg}{bg}{dk}", "{dk}{dk}{dk}{dk}", "{dk}{dk}{dk}{_}"]}
{"type": "sprite", "name": "checkbox_off", "size": [16, 16], "palette": "ui", "grid": ["{_}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{_}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{_}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{_}"]}
{"type": "sprite", "name": "checkbox_on", "size": [16, 16], "palette": "ui", "grid": ["{_}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{_}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{fg}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{fg}{fg}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{fg}{fg}{ac}{ac}{dk}", "{dk}{ac}{ac}{fg}{ac}{ac}{ac}{ac}{ac}{ac}{fg}{fg}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{fg}{fg}{ac}{ac}{ac}{ac}{fg}{fg}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{fg}{fg}{ac}{ac}{fg}{fg}{ac}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{fg}{fg}{fg}{fg}{ac}{ac}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{fg}{fg}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{dk}", "{dk}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}{dk}", "{_}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{_}"]}
{"type": "sprite", "name": "slider_track", "size": [64, 8], "palette": "ui", "grid": ["{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}", "{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}", "{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{bg}{dk}", "{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}{dk}", "{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}", "{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}{_}"]}
{"type": "sprite", "name": "slider_thumb", "size": [8, 16], "palette": "ui", "grid": ["{_}{_}{ac}{ac}{ac}{ac}{_}{_}", "{_}{ac}{hl}{hl}{hl}{hl}{ac}{_}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{hl}{hl}{hl}{hl}{hl}{hl}{ac}", "{ac}{ac}{ac}{ac}{ac}{ac}{ac}{ac}", "{_}{ac}{ac}{ac}{ac}{ac}{ac}{_}", "{_}{_}{ac}{ac}{ac}{ac}{_}{_}"]}
{"type": "composition", "name": "button", "size": [48, 16], "cell_size": [4, 16], "sprites": {"L": "btn_left", "M": "btn_mid", "R": "btn_right", ".": null}, "layers": [{"map": ["LMMMMMMMMMMR"]}]}
{"type": "composition", "name": "slider", "size": [64, 16], "cell_size": [64, 16], "sprites": {"T": "slider_track", "H": "slider_thumb", ".": null}, "layers": [{"map": ["T"]}, {"placements": [{"sprite": "H", "pos": [24, 0]}]}]}
{"type": "composition", "name": "settings_row", "size": [80, 16], "cell_size": [16, 16], "sprites": {"C": "checkbox_on", "B": "button", ".": null}, "layers": [{"placements": [{"sprite": "C", "pos": [0, 0]}, {"sprite": "button", "pos": [32, 0]}]}]}
{"type": "composition", "name": "settings_panel", "size": [96, 64], "cell_size": [96, 16], "sprites": {"R": "settings_row", "S": "slider", ".": null}, "layers": [{"map": ["R", "S", "R", "S"]}]}