Universal JSON Prefab Format - Cross-Engine Bridge for Game UI Implementation

Key Features

Component Recognition

Intelligent detection of UI components and their properties

Hierarchy Generation

Automatic creation of nested component structures

Style Extraction

Capture of colors, fonts, and visual properties

Multi-Engine Support

Compatible with Cocos Creator, Unity, Unreal, and more

Format Documentation

Our JSON prefab format provides a standardized way to describe UI components, their properties, and relationships. This format serves as a bridge between design tools and game engines, enabling seamless conversion.

Basic Structure

{
  "name": "LoginPanel",
  "type": "Panel",
  "properties": {
    "width": 800,
    "height": 600,
    "backgroundColor": "#1A1A1A",
    "borderRadius": 8
  },
  "children": [
    {
      "name": "TitleText",
      "type": "Text",
      "properties": {
        "text": "Login",
        "fontSize": 24,
        "color": "#FFFFFF",
        "alignment": "center"
      }
    },
    {
      "name": "UsernameInput",
      "type": "Input",
      "properties": {
        "placeholder": "Username",
        "width": 300,
        "height": 40
      }
    }
  ]
}

Format Features

Component Types: Predefined types for common UI elements
Property System: Flexible property definition for any component
Nesting Support: Hierarchical structure for complex UIs
Reference System: Reference other components for dynamic relationships
Extension Points: Custom properties for engine-specific features

Supported Game Engines

Cocos Creator

Full support for 2.x and 3.x versions

Unity

Compatible with UGUI and UI Toolkit

Unreal Engine

Support for UMG UI system

Godot

Compatible with built-in UI system

Integration Steps

Analyze UI Design

Use our UI Analysis Tool to generate JSON prefab data from your design

Review & Customize

Review the generated JSON and customize as needed

Import to Engine

Use our engine-specific plugins to import the JSON into your game engine

Fine-tune & Deploy

Make final adjustments in your engine and deploy your game

Universal JSON Prefab Format: Bridge Between Design and Code