Television Simulator supports loading JSON files consisting of pages of text with rich formatting. You can import Google fonts and load background images into your text lines.

<aside> 👉 I’m hoping to develop a utility that will let you edit these data files more easily so that users can generate them using a WYSIWYG interface instead of writing them manually.

</aside>

<aside> 🚧 Transitions are not yet supported and subject to change. I’m trying to figure out which ones to support.

</aside>

Data file structure

The JSON data file has two main components:

• A list of pages, each with a list of lines of text and other properties
• A list of Google fonts to import when the engine loads

Example:

{
  "pages": [
    {
      "lines": [
        {
          "text": "Welcome to Television Simulator!",
          "fontSize": "24px",
          "color": "#FF5733",
          "fontFamily": "Roboto",
          "textAlign": "center",
          "isBold": true
        }
      ],
      "background": "url('background.jpg')",
      "duration": 5,
      "transitionIn": "fade",
      "transitionOut": "slide"
    }
  ],
  "googleFonts": ["Roboto"]
}

Page

Each Page may contain:

• lines: An array of Line objects representing the text lines on the page.
• background: Optional background of the page. It can be a color or an image URL.
• duration: Optional duration in seconds the page should be displayed.
• transitionIn: Optional transition effect when the page appears. (TODO)
• transitionOut: Optional transition effect when the page disappears. (TODO)

Lines

Each line of text is defined by a Line object, which can include:

• text: The content of the line.
• fontSize: Optional size of the font (e.g., "24px").