{
  "FormatVersion": 3,
  "Id": "1ec749af-fe7d-4728-9855-d1fa3e879751"/*HowToUseTixl*/,
  "Description": "This interactive tutorial guides you through the user interface of TiXL.",
  "SymbolTags": "3",
  "InputUis": [],
  "SymbolChildUis": [
    {
      "ChildId": "3ca68ae8-02bd-432b-94a4-be80b6eb5d1a"/*LoadImage*/,
      "SectionId": "125f20a8-465e-4758-b8c0-7601c7dc0112",
      "Position": {
        "X": 20.162567,
        "Y": 269.22614
      }
    },
    {
      "ChildId": "710e4b8a-f5c7-4d6c-82a7-df509ed708ce"/*AsciiRender*/,
      "SectionId": "14288e8d-d885-4a09-a83d-2849fea72054",
      "Position": {
        "X": 463.84412,
        "Y": 833.6876
      }
    },
    {
      "ChildId": "73ef00c1-942d-4464-9390-b9632fef8468"/*DetectEdges*/,
      "SectionId": "d26f5d4f-5727-4d0f-989b-9fcb19c037e6",
      "Comment": "You discovered a comment! \nIn many examples, we will use these to explain the purpose of certain operators in a graph or point out noteworthy parameter settings.",
      "Position": {
        "X": 272.81885,
        "Y": 265.47058
      }
    },
    {
      "ChildId": "8e521fb6-e59d-403c-80cc-9e9b38df0b23"/*Text*/,
      "SectionId": "14288e8d-d885-4a09-a83d-2849fea72054",
      "Position": {
        "X": 13.844116,
        "Y": 833.6876
      }
    },
    {
      "ChildId": "b35105be-26e1-4847-bfb5-4686fb304d1b"/*RenderTarget*/,
      "SectionId": "14288e8d-d885-4a09-a83d-2849fea72054",
      "Position": {
        "X": 163.84412,
        "Y": 833.6876
      }
    },
    {
      "ChildId": "cfcb9a91-54a9-4b04-a972-30fbb65f9ee2"/*Blur*/,
      "SectionId": "14288e8d-d885-4a09-a83d-2849fea72054",
      "Position": {
        "X": 313.84412,
        "Y": 833.6876
      }
    },
    {
      "ChildId": "d7df48f3-9989-4b99-ad68-a266ed2b9760"/*Blob*/,
      "SectionId": "54456a70-93a3-4455-b1e1-a2731d03de39",
      "Position": {
        "X": 544.6786,
        "Y": 505.31738
      }
    },
    {
      "ChildId": "ebfeac4e-0baf-4d89-9572-311831b8e631"/*AnimValue*/,
      "SectionId": "14288e8d-d885-4a09-a83d-2849fea72054",
      "Position": {
        "X": 313.84412,
        "Y": 959.6876
      }
    },
    {
      "ChildId": "f8b7be5b-bd28-40f3-9c30-880575a764f8"/*AnimVec2*/,
      "SectionId": "14288e8d-d885-4a09-a83d-2849fea72054",
      "Position": {
        "X": 313.84412,
        "Y": 916.6876
      }
    }
  ],
  "OutputUis": [
    {
      "OutputId": "c301380c-8fe6-4e3d-af10-9cebd230b0e9"/*TextureOutput*/,
      "Position": {
        "X": 613.8442,
        "Y": 833.6876
      }
    }
  ],
  "Sections": [
    {
      "Id": "1058504f-053c-4b01-833c-4c5d8d5ea64a",
      "Title": "Creating new operators is easy:\n1. Select [DetectEdges] and...\n2. Press TAB on your keyboard.\n3. Type \"Color...\" and select \n [ColorGrade] by pressing return.",
      "ParentSectionId": "474e3707-8497-44ea-890b-fc3f1f6b4448",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": 464.765,
        "Y": 75.63788
      },
      "Size": {
        "X": 238.52156,
        "Y": 234.24812
      }
    },
    {
      "Id": "125f20a8-465e-4758-b8c0-7601c7dc0112",
      "Title": "This is an operator.\nIf you select it, you see its output \nin the Output-View.",
      "ParentSectionId": "474e3707-8497-44ea-890b-fc3f1f6b4448",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -0.5046997,
        "Y": 75.63788
      },
      "Size": {
        "X": 223.6509,
        "Y": 235.14153
      }
    },
    {
      "Id": "14288e8d-d885-4a09-a83d-2849fea72054",
      "Title": "This is just another simple example that is connected to the operator output.",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -6.821739,
        "Y": 712.0084
      },
      "Size": {
        "X": 728.15894,
        "Y": 294.46783
      }
    },
    {
      "Id": "1f963cbf-7a9d-4ffd-b881-a193e3ee1ce3",
      "Title": "4. Click on a color to open the color picker.\n5. Drag a color vertically to adjust transparency or brightness.",
      "ParentSectionId": "54456a70-93a3-4455-b1e1-a2731d03de39",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -6.421631,
        "Y": 555.74744
      },
      "Size": {
        "X": 495.52887,
        "Y": 58.375904
      }
    },
    {
      "Id": "474e3707-8497-44ea-890b-fc3f1f6b4448",
      "Title": "1. Creating and connecting operators",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -10.832947,
        "Y": 39.85852
      },
      "Size": {
        "X": 729.69507,
        "Y": 285.7998
      }
    },
    {
      "Id": "54456a70-93a3-4455-b1e1-a2731d03de39",
      "Title": "Adjusting parameters with the Parameter Window",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -9.894287,
        "Y": 337.159
      },
      "Size": {
        "X": 730.626,
        "Y": 366.3865
      }
    },
    {
      "Id": "86ddce6c-2d27-451c-acde-7edffdb45820",
      "Title": "1. Select the [Blob]...\n2. Notice how the Parameter Window now shows the parameters you adjust for the blob...\n",
      "ParentSectionId": "54456a70-93a3-4455-b1e1-a2731d03de39",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -6.421631,
        "Y": 370.2615
      },
      "Size": {
        "X": 493.12595,
        "Y": 51.022743
      }
    },
    {
      "Id": "a3cc2028-be91-472c-985d-cb6c707383c1",
      "Title": "Notice how the breadcrumbs in the top left corner also \nguide you back home...",
      "ParentSectionId": "df329cf7-1e0e-496a-b91e-592a30ccbbd5",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -4.627075,
        "Y": -33.081573
      },
      "Size": {
        "X": 686.1906,
        "Y": 48.96016
      }
    },
    {
      "Id": "ac1fcac6-637d-474b-8a07-98c92c18ab56",
      "Title": "Welcome - You made it!\nDouble-clicking on an operator will enter it. This is how you got here.\n\nTry to double-click on the background to get back to the [HomeCanvas].\n",
      "ParentSectionId": "df329cf7-1e0e-496a-b91e-592a30ccbbd5",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -4.627075,
        "Y": -124.16031
      },
      "Size": {
        "X": 686.71625,
        "Y": 84.591774
      }
    },
    {
      "Id": "d26f5d4f-5727-4d0f-989b-9fcb19c037e6",
      "Title": "You can create a connection by\ndragging the output of [LoadImage] \nto the Image input of [DetectEdges].\nThen select [DetectEdges] to see \nthe result.",
      "ParentSectionId": "474e3707-8497-44ea-890b-fc3f1f6b4448",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": 226.6435,
        "Y": 75.63788
      },
      "Size": {
        "X": 232.78459,
        "Y": 234.8706
      }
    },
    {
      "Id": "df329cf7-1e0e-496a-b91e-592a30ccbbd5",
      "Title": "Tutorial 1 - Basic user interface\n\nYou might also want to have a look at the Tutorial Video shown in the description in the Parameter Window. \nIt will give you a nice overview of the user interface.",
      "Color": {
        "X": 0.46909162,
        "Y": 0.7340425,
        "Z": 0.46333182,
        "W": 1.0
      },
      "Position": {
        "X": -11.772705,
        "Y": -214.91737
      },
      "Size": {
        "X": 729.9956,
        "Y": 248.01181
      }
    },
    {
      "Id": "f083606b-1507-4ed9-a5e1-d41787afec99",
      "Title": "6. Click on a parameter name, \"e.g. FillColor,\" to reset it to its default.",
      "ParentSectionId": "54456a70-93a3-4455-b1e1-a2731d03de39",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -7.4015045,
        "Y": 617.11487
      },
      "Size": {
        "X": 495.7834,
        "Y": 71.09724
      }
    },
    {
      "Id": "f5ee65c5-76e7-4242-bdb2-6e6c8ab1cc2a",
      "Title": "You can...\n\n1. Drag values horizontally to change them.\n2. Click a value to type, e.g., values like \"2.1\" or formulas like \"1.4/3\"\n3. Hover over a value to use the mouse wheel. Try holding Shift (for finer) \n  or ALT (for faster) changes.\n\n",
      "ParentSectionId": "54456a70-93a3-4455-b1e1-a2731d03de39",
      "Color": {
        "X": 0.6,
        "Y": 0.6,
        "Z": 0.6,
        "W": 1.0
      },
      "Position": {
        "X": -6.421631,
        "Y": 424.1971
      },
      "Size": {
        "X": 493.88586,
        "Y": 128.77069
      }
    }
  ],
  "Links": [
    {
      "Id": "6e2b005a-8909-4e19-82aa-6727bc6d8556",
      "Title": "T3-Introduction",
      "Description": "A short video tutorial that will guide you through the user interface.",
      "LinkUrl": "https://tixl.app",
      "LinkType": "TutorialVideo"
    }
  ]
}