{
  "hud_name": "Sci-Fi Healthbar",
  "elements": [
    {
      "type": "bar",
      "id": "health_bar",
      "label": "Health",
      "x": 10,
      "y": 10,
      "width": 200,
      "height": 20,
      "background_color": "#222222",
      "fill_color": "#00FF00",
      "border_color": "#FFFFFF",
      "border_width": 2,
      "value": 100,
      "max_value": 100,
      "style": "sci-fi",
      "animation": {
        "type": "smooth",
        "duration": 0.2
      },
      "effects": [
        {
          "type": "glow",
          "color": "#00FFFF",
          "intensity": 0.5
        }
      ]
    },
    {
      "type": "text",
      "id": "health_value",
      "x": 220,
      "y": 15,
      "text": "100/100",
      "font": "monospace",
      "font_size": 16,
      "color": "#FFFFFF",
      "alignment": "left"
    },
    {
      "type": "icon",
      "id": "health_icon",
      "x": 5,
      "y": 5,
      "path": "health_icon.png",
      "width": 15,
      "height": 15
    }

  ],
  "styles": {
    "sci-fi": {
      "background": {
        "color": "#222222",
        "opacity": 0.8
      },
      "bar": {
        "corner_radius": 5
      },
      "text": {
        "font": "digital-7",
        "color": "#00FF00"
      }
    }
  },
  "animations": {
    "smooth": {
      "easing": "linear"
    }
  },
  "events": [
    {
      "type": "health_change",
      "target": "health_bar",
      "action": "update_value"
    },
    {
      "type": "health_low",
      "condition": "health_bar.value < 20",
      "action": "flash_red"
    }
  ]
}