Universal Scene Descriptor (USDF) Tutorial

What is USDF?

USDF is a lightweight, human‑readable format for describing 2‑D scenes. It is designed to be easy to edit with a text editor and quick to parse in web browsers.

USDF Syntax

{
  "scene": {
    "background": "#f0f0f0",
    "objects": [
      { "type": "circle", "x": 50, "y": 50, "radius": 30, "color": "#ff0000" },
      { "type": "rect",   "x": 120, "y": 40, "width": 80, "height": 60, "color": "#0000ff" }
    ]
  }
}

The scene object contains a background color and an array of objects. Supported object types include circle and rect with positional and size attributes.

Interactive Example

Edit the JSON below and see the scene update live.