Wallstrike Capsule Composer

Array order = draw order: first item is at the back, last item is on top. Click a layer to select it, drag on the canvas to reposition it, or drag the ☰ handle to reorder layers. Source images load automatically from assets/ when served over HTTP. You can still override them using Load images or Choose assets folder. The local Python server saves exports to exports/; on the hosted site, choose a folder or use browser downloads.

Config

Load a tracked preset, paste JSON below, or drop a .json file.

Preset

Drop JSON here or click to choose

Layers

Position syntax
Uses CSS-like background positioning: center bottom, center top, 60% 40%, left 30%, etc.

JSON format
The config can contain width, height, and layers. Applying JSON automatically resizes the canvas.

Scale
Multiplies the image's native width and height. 1 = original size, 0.5 = half size, 1.3 = 130%.

Images are cropped automatically by the canvas bounds.