Sprites JavaScript Media

The editable resource types, one kind of art per category. Each media has its own editor, drawing parts and tools, all under Sprites.Media.

Media types

Image

A bitmap editor over a high resolution pixel grid, drawn on a canvas so it stays fast at large sizes, with layers and a sprite insert.

Shader

A shader image editor: a stack of GLSL layers rendered into an image, each an effect over the layer below, with per-type parameter controls and a code editor.

Font

A glyph editor for bitmap fonts, freeform colour or a machine's redefinable set.

Text

A text screen editor: characters and ink and paper attributes over a grid of cells, per cell or inline.

Sequencer

A tracker-style editor that drives each platform's native sound channels: a strip of block slots, a grid of beats by channels, and a piano keyboard, with note and effect windows.

Map

A layered grid of tile indices drawn from a tile set, each tile a sprite reference, with its own draw and tile set windows.

Binary

A hex and binary editor over a byte buffer: an addressed grid of bytes shown as hex, binary bits and ASCII, with move, draw, type and select tools.

Across the media

Sprites.Media.List

The one media list module: the paged browser every media page shows, the inline picker, and the windows that wrap them.