Reference

Command library

sq square

Make a square.

sideLength: number
color: color · global default
x y: optional signed integers
radius number: optional pixel radius
as name: optional entity ID

sq 64 sq 64 hotpink 20 30 sq 64 hotpink radius 8 as button sq 64 hotpink -$sideLength -$sideLength

circle circle

alias cir

Make a pixel circle.

diameter: number
color: color · global default
x y: optional signed integers
as name: optional entity ID

cir 64 cir 64 hotpink 20 30 cir 64 hotpink -$diameter -$diameter

rect rectangle

Make a rectangle.

width: number
height: number
color: color · global default
x y: optional signed integers
radius number: optional pixel radius
as name: optional entity ID

rect 80 40 rect 80 40 hotpink 20 30 rect 80 40 hotpink radius 6 as panel rect 80 40 hotpink -$width -$height

cirstroke inset circle stroke

Create a concentric stroke inside a referenced circle.

circle-reference: autocomplete
inset width: pixel integers
color: CSS or named color
as name: optional entity ID

cirstroke face 2 1 black as face-lines

pixels sparse pixels

Create one layer from a list of pixel coordinates.

color: CSS or named color
x,y or x,y..x,y: points, segments, or anchors
as name: optional entity ID

pixels black $face.left+4,$face.top+4 $face.left+7,$face.top+4 as eyes pixels black 3,2..8,2 as brow

outline outline layer

Create a separate inner or outer outline from a layer.

reference: autocomplete
width color mode: optional

outline face 1 black inner as face-outline

group group layers

Create one movable reference from multiple layer entities.

references: one or more layers
as name: optional entity ID

group face face-outline eyes mouth as smiley

$layer.anchor coordinate anchors

Reference named entity geometry inside coordinate arguments.

$face.x · $face.y $face.left · $face.top $face.centerX · $face.centerY $face.right · $face.bottom $face.width · $face.height $face.rotation · $face.zIndex $face.left+4 · $face.top-2 $last.width · $last.height

Type $ for variables or $last. for known properties.

If no previous entity exists, every $last anchor is 0.

sq 100 x-$last.width sq 50 x:$last.x+$last.width

math integer expressions

Use arithmetic on numbers, local variables, or layer anchors. Expressions cannot contain spaces.

+ - * / % ( ) sq 10+2 rect 20 $width/2 sq 64 x:$last.width-10 chradius button $radius+2 $smiley.rotation=0 $panel.x=$last.right+4

Writable properties: x, y, edges, centers, rotation, radius, and zIndex.

key:value named arguments

Use named arguments in any order, or place them after required positional arguments.

sq size:64 color:hotpink radius:8 id:button sq 64 x:-100 sq size:100 x:-$last.width rect height:40 width:80 x:20 y:30 id:panel move layer:panel x:10 y:-4 pixels color:black points:4,4;7,4 id:eyes

chradius change corner radius

alias chradious

Set the pixel corner radius of a square or rectangle.

reference: square or rectangle
number: absolute or signed delta

chradius button 4 chradius button +10 chradius button -2 chradius panel 0

rotate rotate layer

Rotate a layer or group by any integer degree using nearest-neighbor pixels.

reference: layer or group
degrees: absolute or signed delta

rotate panel 90 rotate panel +90 rotate layer:panel degrees:-90

chzindex change z-index

alias chz

Increase or decrease a layer's z-index by a number.

reference: autocomplete
number: signed integer

chz sq-1 -2

move move layer

alias mv

Set a layer's absolute world coordinates.

reference: autocomplete
x: integer
y: integer

mv sq-1 -20 40

delete delete layer

alias del

Remove a layer entity from the pixel space.

reference: autocomplete

del sq-1

scale display scale

Set the Viewer pixel scale without changing the pixel space.

number: 2–32 or signed delta

scale 8 · scale +2 · scale -2

resetlayers reset layers

alias rl

Clear only the saved layer scene. Command recall is preserved.

resetlayers

addcolor add color

Create a reusable named color.

name: reference name
color: CSS color

addcolor teamaroon #663333 sq 64 teamaroon sq 64 $teamaroon

selectcolor select default color

Set the global color used when a shape omits its color argument.

color: CSS or named color

selectcolor teamaroon sq 64

setbg set background color

Set the Viewer canvas background without creating a layer.

color: CSS, named color, none

setbg teamaroon setbg color:#663333 setbg none

editpalette edit palette color

alias ep

Update a named color and every layer that references it.

name: custom color
color: CSS color

editpalette teamaroon #773f3f

chcolor change color

Change an existing layer's color.

reference: autocomplete
color: CSS or named color

chcolor sq-1 teamaroon

Scale 2×