pavel-zosim: code × art → automate ● SYS.ONLINE / UTC+3

TOOL / 008 · LOCAL PROCESSING · v1.0

SDF Texture Generator

Turn a transparent image or SVG into a signed distance field. Preview shader effects and export a linear PNG.

§ 01

Source image

Drop PNG / SVG / WebP / JPG

Local files only · 32 MiB raster / 1 MiB SVG · 8192 px source side

No image loaded.

Ready. Load an image to generate a distance field.

§ 02

Distance field

Generation
§ 03

Inspect & preview

DISTANCE INSPECTIONSCROLL / DRAG
512 px working preview · double-click to reset view
SHADER PREVIEWLINEAR SDF
Outline · same 8-bit encoding as export
Outline

Preview widths are output pixels. Keep effects within Distance Range to avoid saturation. Soft edge is an opacity mask, not scene-depth soft particles.

§ 04

Export

RGB grayscale · 8-bit linear data · 0.5 = boundary · positive inside. MSDF is planned separately for v1.1.

§

Other online tools

Ordered animation frames assembled into a sprite sheet
TOOL-001 · v0.1

Assemble ordered PNG and JPEG frames into transparent sprite sheets locally in your browser.

Dense pixels simplified into a compact image
TOOL-002 · v0.1

Compress up to ten images locally with channel previews, alpha controls, texture resizing and batch ZIP export.

Intersecting sine and cosine waves
TOOL-003 · v0.1

Generate tileable Perlin, Simplex, Value, Worley and White noise with height, normal, albedo, roughness and specular outputs, a lit preview and PNG export up to 4K.

Three grayscale masks packed into R, G and B channels
TOOL-004 · v0.1

Pack grayscale masks into RGB or RGBA PNG textures locally. Unreal ORM and Unity presets, per-channel levels and inversion, channel previews and export up to 4K.

Flat image transformed into a raised gridded surface
TOOL-012 · v0.1

Create normal, height, roughness and AO maps from an image. Local GPU processing, DirectX/OpenGL normals and PNG export up to 4K.