: icons_atlas.png + icons_atlas.json (metadata for coordinates).
| Pitfall | Solution | |---------|----------| | Using JPEG for UI icons | Use PNG or SVG; JPEG artifacts confuse users | | No alpha blending support | Pre-multiply alpha or use 32-bit framebuffer | | Huge sprite sheet causing long load | Split into logical groups (e.g., navigation, status) | | Animations stutter | Preload frames; use DMA for memory copy | | Text over image unreadable | Add semi-transparent backdrop or shadow | hmi image library
: Graphical templates for trend charts, bar graphs, analog gauges, and alarm banners. Navigation & Status Icons : icons_atlas
: Interactive components including toggle switches, sliders, multi-state buttons, and numeric entry fields. Data Visualization Data Visualization "library": "Factory_HMI_v2"
"library": "Factory_HMI_v2", "format_version": "1.0", "target_display": "width": 800, "height": 480, "color_depth": "RGB565" , "images": [ "id": "btn_start", "file": "buttons/start.png", "type": "button", "states": 3 , "id": "icon_alarm", "file": "status/alarm_critical.svg", "type": "icon" , "id": "bg_main", "file": "backgrounds/main_800x480.webp", "type": "background" ], "cache": "preload": ["btn_start", "bg_main"], "max_memory_kb": 2048