Sprites JavaScript Sprite Media

The sprite media: a pixel editor over an integer grid, indexed or freeform. The core module holds the state, the editor and its windows; the Canvas module draws the pixel grid; the Tool module holds the tool selector, the Windows buttons and the Tools window; and each tool and panel, Draw, Move, Select, File, History, Layers and Frames, is a module of its own directly under Sprites.Media.Sprite, holding its own floating window.

Sprites.Media.Sprite Modules

Sprites.Media.Sprite

The sprite editor, its state and its windows, over an integer pixel grid.

Sprites.Media.Sprite.Canvas

The drawing surface: the pixel grid view, and the helpers that place each pixel.

Sprites.Media.Sprite.Tool

The tool infrastructure: the tool selector, the Windows buttons, and the Tools window.

Sprites.Media.Sprite.Draw

The Draw tool: its window, the brush geometry, and the cursor that outlines the brush.

Sprites.Media.Sprite.Move

The Move tool: pan and zoom the view, with a Reset that refits the sprite.

Sprites.Media.Sprite.Select

The Select tool: mark a region to move, rotate or clone.

Sprites.Media.Sprite.File

The File tool: import and export a sprite.

Sprites.Media.Sprite.History

The edit history: undo and redo the last changes.

Sprites.Media.Sprite.Layers

The layers: add, delete and reorder the layers of the sprite.

Sprites.Media.Sprite.Frames

The animation frames: add, delete and step through the frames.