wehub-resource-sync
345 lines
9.0 KiB
Plaintext
345 lines
9.0 KiB
Plaintext
{
|
|
"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"
|
|
}
|
|
]
|
|
} |