adminandClaude Opus 5 66d6aafbb4 Pixel art can be drawn in its own tab with layers and frames (#130) ...

Textures are uploaded files named by their content, so they cannot
be edited in place. Pixel art is therefore its own asset type, like
vector art. Its pixels live in the project and the tab rasters them
into a texture that sprites, tiles and animations can use.

- New asset types Pixel art and Palette. The first pixel art of a
  project gets a palette with the 16 PICO-8 colours in the same undo
  step. Every pixel is a palette index, 0 is transparent.
- Each layer on each frame is its own file data/pixels/<sha256>.px.
  The project only holds the names, so undo swaps names. The browser
  computes the hash and uploads new cels before the project is saved.
- New route POST ?r=pixels in api/lib/PixelStore.php. It answers 201
  and 422 for broken data. data/pixels/ is git-ignored.
- Tools: pencil, eraser, fill (contiguous or all pixels of a colour),
  eyedropper, line, rectangle and ellipse (outline or filled), brush
  size 1 to 8.
- Layers can be added, deleted, renamed, reordered, hidden, faded and
  merged down. Frames can be added, duplicated, deleted and reordered,
  with onion skin and a small playing preview.
- Zoom 1x to 32x in whole steps, grid from 8x, a 3x3 tile preview and
  Resize... with a 3x3 anchor.
- All frames sit side by side in one image. Each frame is a region
  like a cut texture frame, so texture rows offer "Asset / Frame 2"
  and the context menu has Create animation from frames.

Decisions:
- Merging down drops the opacity of the upper layer. Indexed colours
  know no blends.
- Only the last palette colour can be removed. Otherwise the indices
  of every image using the palette would shift.
- Undo stores the whole layer per stroke instead of pixel diffs.
- Alt+click picks a colour. It is a mouse gesture, not a shortcut.

Follow-up issues: #197 import from texture, #198 selection and
flipping, #199 PNG export, #200 more tools.

Tests:
- ./check.sh: 136 files, 2049 tests (before 135 / 2011). 34 new in
  tests/core/pixel-art.test.ts, 4 from the icon tables.
- e2e module 48 fresh: ALL PASSED, 29 checks, console empty.
- Counter-probes bite: five on the unit tests, upload order (2 tests
  fail) and cels not uploaded in the browser (1 check fails).
- Check total 1259 in README is computed (1232 measured in CI + 27).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

2026-09-21 17:33:44 +02:00

..

animation.ts

The scene view and the animation preview share one camera, the three form dialogs one base, and keys are found through one set of helpers (#85)

2026-09-17 14:19:53 +02:00

animationPreview.ts

The scene view and the animation preview share one camera, the three form dialogs one base, and keys are found through one set of helpers (#85)

2026-09-17 14:19:53 +02:00

Asset.ts

Pixel art can be drawn in its own tab with layers and frames (#130)

2026-09-21 17:33:44 +02:00

AssetTypes.ts

Pixel art can be drawn in its own tab with layers and frames (#130)

2026-09-21 17:33:44 +02:00

autotile.ts

The tile list in the tilemap section is a palette of pictures: each tile shows its lone tile (the four convex corners for floor and wall, the picture itself for none) with its name below, laid out with the image-picker grid (#139)

2026-09-18 10:15:51 +02:00

collisionLayers.ts

Refactoring round 5 covers the code since round 4 without changing behaviour: four identical copies of dot() and three of "nearest point on a segment" stood in the collision math, in the hit area of the collider outlines and in the polygon handles, so they moved into the new module src/core/util/vec.ts; the warning line, the busy state, info() and the caret reset were written out line by line in both the sign-in screen and the password dialog and are now FormStatus; the closing row "Cancel plus a confirming button, optionally one on the left" was built by hand in FormDialog, FilePicker, OpenProjectDialog and PasswordDialog and is now dialogButtons(); the header bar was drawn by the toolbar, the TabHeader and the Breadcrumb each on its own and is now drawHeaderBar(); AddColliderCommand and AddRigidbodyCommand share a base, each subclass only builds its own asset; Editor.ts derives the panes from assetEditors instead of repeating eight entries and clamps its splitters with clamp(); jscpd over src falls from 0.19 % to 0.14 %; dead code is gone - listScenes() has been orphaned since the Scene picker fell away (#183), DEFAULT_FILTER (#152) was never used, the two test hooks projectPickerRowAt/rowPosition and particleCompiles are read by no tool, and four functions lost an export they did not need; seven comments that told history ("used to", "no longer", "since #...") describe the state of things now, and that this changed nothing was proved by a rebuild - the bundle is md5 identical, b4ad0dfe... before and after; the README said Logout sits at the far right of the toolbar, which has been the Account menu since #182, and wiki/Architecture.md was missing src/core/util/ altogether; 4 new unit tests cover vec.ts, and switching the clamp on the segment off makes exactly one of them fail while none of the 76 neighbouring tests notice, so that clamping was covered nowhere before (#85)

2026-09-20 17:24:42 +02:00

container.ts

Resolve container content from the template instead of copying it

2026-09-08 21:09:53 +02:00

font.ts

Three stores, three importers and three pickers that differ only in their type are one of each (#85)

2026-09-16 17:38:54 +02:00

frameOutline.ts

Colliders take a frame's outline and tiles have their own surface (#193)

2026-09-21 07:29:26 +02:00

generated.ts

Vector shapes can fill with gradients and textures (#186)

2026-09-21 13:05:02 +02:00

graphLookup.ts

A state change is something the graph can react to, so the machine announces it (#53, #54, #55, #57)

2026-09-15 06:18:20 +02:00

hierarchy.ts

Transform: scale, rotation and mirror as properties, world transform as a matrix chain, oriented colliders (#76)

2026-09-13 17:25:06 +02:00

instance.ts

Consolidate duplicated editor code, trim comments, refresh README

2026-09-11 11:00:30 +02:00

matrix.ts

Transform: scale, rotation and mirror as properties, world transform as a matrix chain, oriented colliders (#76)

2026-09-13 17:25:06 +02:00

pixelart.ts

Pixel art can be drawn in its own tab with layers and frames (#130)

2026-09-21 17:33:44 +02:00

pixelCel.ts

Pixel art can be drawn in its own tab with layers and frames (#130)

2026-09-21 17:33:44 +02:00

pixelDraw.ts

Pixel art can be drawn in its own tab with layers and frames (#130)

2026-09-21 17:33:44 +02:00

pixelEdit.ts

Pixel art can be drawn in its own tab with layers and frames (#130)

2026-09-21 17:33:44 +02:00

placement.ts

Place assets by dragging them from the panel into the view

2026-09-09 13:09:13 +02:00

polygon.ts

A frame's collision outline can be generated from its pixels (#161)

2026-09-21 08:00:30 +02:00

Project.ts

Refactoring round 5 covers the code since round 4 without changing behaviour: four identical copies of dot() and three of "nearest point on a segment" stood in the collision math, in the hit area of the collider outlines and in the polygon handles, so they moved into the new module src/core/util/vec.ts; the warning line, the busy state, info() and the caret reset were written out line by line in both the sign-in screen and the password dialog and are now FormStatus; the closing row "Cancel plus a confirming button, optionally one on the left" was built by hand in FormDialog, FilePicker, OpenProjectDialog and PasswordDialog and is now dialogButtons(); the header bar was drawn by the toolbar, the TabHeader and the Breadcrumb each on its own and is now drawHeaderBar(); AddColliderCommand and AddRigidbodyCommand share a base, each subclass only builds its own asset; Editor.ts derives the panes from assetEditors instead of repeating eight entries and clamps its splitters with clamp(); jscpd over src falls from 0.19 % to 0.14 %; dead code is gone - listScenes() has been orphaned since the Scene picker fell away (#183), DEFAULT_FILTER (#152) was never used, the two test hooks projectPickerRowAt/rowPosition and particleCompiles are read by no tool, and four functions lost an export they did not need; seven comments that told history ("used to", "no longer", "since #...") describe the state of things now, and that this changed nothing was proved by a rebuild - the bundle is md5 identical, b4ad0dfe... before and after; the README said Logout sits at the far right of the toolbar, which has been the Account menu since #182, and wiki/Architecture.md was missing src/core/util/ altogether; 4 new unit tests cover vec.ts, and switching the clamp on the segment off makes exactly one of them fail while none of the 76 neighbouring tests notice, so that clamping was covered nowhere before (#85)

2026-09-20 17:24:42 +02:00

Properties.ts

Describe every value kind in one table instead of spreading it over the code

2026-09-12 14:47:17 +02:00

SceneObject.ts

Resolve container content from the template instead of copying it

2026-09-08 21:09:53 +02:00

Scope.ts

A shared value belongs to no behavior, so it becomes an asset of its own (#91)

2026-09-14 18:05:36 +02:00

sound.ts

Three stores, three importers and three pickers that differ only in their type are one of each (#85)

2026-09-16 17:38:54 +02:00

texture.ts

Pixel art can be drawn in its own tab with layers and frames (#130)

2026-09-21 17:33:44 +02:00

tile.ts

Colliders take a frame's outline and tiles have their own surface (#193)

2026-09-21 07:29:26 +02:00

tilemap.ts

Each tilemap layer has its own Z: an offset added to the Z of the placed tilemap, like a child's Z to its parent, default 0 keeps the previous order (layers right after their map, in list order), a negative Z sorts a layer below the map, on a tie layers keep their list order and follow the hierarchy against other objects; editor scene and game use the same order through the new pure function drawSlots, a tilemap draws into one container per layer, and the tilemap panel gains a Z field for the selected layer with one undo step per change (#174)

2026-09-19 14:03:20 +02:00

tilemapCollision.ts

Colliders take a frame's outline and tiles have their own surface (#193)

2026-09-21 07:29:26 +02:00

traceCollision.ts

A frame's collision outline can be generated from its pixels (#161)

2026-09-21 08:00:30 +02:00

usages.ts

The tab headers are one TabHeader, the node board and the tile board pan and zoom through one helper, reordering tile pictures and tilemap layers goes through one moveItem, and a tilemap cell is one named type (#85)

2026-09-18 16:01:12 +02:00

vectorart.ts

Vector shapes can fill with gradients and textures (#186)

2026-09-21 13:05:02 +02:00

vectorBoolean.ts

Vector shapes can be combined by union, subtract and more (#187)

2026-09-21 11:56:41 +02:00

vectorPaint.ts

Vector shapes can fill with gradients and textures (#186)

2026-09-21 13:05:02 +02:00

vectorPath.ts

Vector shapes can fill with gradients and textures (#186)

2026-09-21 13:05:02 +02:00

walk.ts

Transform: scale, rotation and mirror as properties, world transform as a matrix chain, oriented colliders (#76)

2026-09-13 17:25:06 +02:00