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
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

<!-- Generated by scripts/generate-demos.sh -->
<!-- Do not edit manually - regenerate with: ./scripts/generate-demos.sh -->

# fmt Demos

## Basic JSONL Formatting

Formats JSONL content with visual grid expansion and sorted keys.

<div class="demo-source">

```jsonl
{"type": "palette", "name": "colors", "colors": {"{_}": "#00000000", "{r}": "#FF0000", "{g}": "#00FF00", "{b}": "#0000FF"}}
{"type": "sprite", "name": "rgb_square", "palette": "colors", "grid": ["{r}{g}", "{b}{r}"]}
{"type": "sprite", "name": "larger_sprite", "palette": "colors", "grid": ["{_}{r}{r}{_}", "{r}{g}{g}{r}", "{r}{g}{g}{r}", "{_}{b}{b}{_}"]}
```

</div>

<div class="demo-container" data-demo="basic">
</div>

## Visual Grid Expansion

Multi-row sprite grids are expanded to one row per line for visual clarity.

<div class="demo-source">

```jsonl
{"type": "palette", "name": "colors", "colors": {"{_}": "#00000000", "{r}": "#FF0000", "{g}": "#00FF00", "{b}": "#0000FF"}}
{"type": "sprite", "name": "rgb_square", "palette": "colors", "grid": ["{r}{g}", "{b}{r}"]}
{"type": "sprite", "name": "larger_sprite", "palette": "colors", "grid": ["{_}{r}{r}{_}", "{r}{g}{g}{r}", "{r}{g}{g}{r}", "{_}{b}{b}{_}"]}
```

</div>

<div class="demo-container" data-demo="visual_grid">
</div>

## Format Roundtrip

Formatted content parses identically to original.

<div class="demo-source">

```jsonl
{"type": "palette", "name": "colors", "colors": {"{_}": "#00000000", "{r}": "#FF0000", "{g}": "#00FF00", "{b}": "#0000FF"}}
{"type": "sprite", "name": "rgb_square", "palette": "colors", "grid": ["{r}{g}", "{b}{r}"]}
{"type": "sprite", "name": "larger_sprite", "palette": "colors", "grid": ["{_}{r}{r}{_}", "{r}{g}{g}{r}", "{r}{g}{g}{r}", "{_}{b}{b}{_}"]}
```

</div>

<div class="demo-container" data-demo="roundtrip">
</div>