From 9fad4217b4b3f2f12a93d182577f8c7403bff798 Mon Sep 17 00:00:00 2001 From: Kulltero <33698270+Kulltero@users.noreply.github.com> Date: Thu, 5 Jan 2023 17:01:15 +0100 Subject: [PATCH] Add .gitignore & Example Files add .gitignore, move example Files to Folder & Pre-Setup docs folder --- .gitignore | 5 + examples/AnimationTest.json | 2121 ++++++++++++++++++++++ examples/MultipleAnimationTest.json | 2571 +++++++++++++++++++++++++++ examples/UsecaseExample.json | 1384 ++++++++++++++ 4 files changed, 6081 insertions(+) create mode 100644 .gitignore create mode 100644 examples/AnimationTest.json create mode 100644 examples/MultipleAnimationTest.json create mode 100644 examples/UsecaseExample.json diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..eae4fcf --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +# Exclude example files for facepunch +/examples/ + +#exclude docs folder +/docs/ diff --git a/examples/AnimationTest.json b/examples/AnimationTest.json new file mode 100644 index 0000000..7d2c7fd --- /dev/null +++ b/examples/AnimationTest.json @@ -0,0 +1,2121 @@ +[ + { + "name": "UI", + "parent":"Overlay", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.1 0.1 0.1 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"NeedsCursor" + } + ] + }, + { + "name": "Slide0", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.05 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"NeedsCursor" + } + ] + }, + { + "parent": "Slide0", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"A Feature Test Case", + "color": "1 1 1 0.6", + "fontSize":28, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.65", + "anchormax": "0.93 0.92" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + } + ] + }, + { + "parent": "Slide0", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Animation Changes Values", + "color": "1 1 1 0.8", + "fontSize":22, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -30", + "offsetmax": "0 0" + } + ] + }, + { + "parent": "Slide0", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Over Time...", + "color": "1 1 1 0.8", + "fontSize":22, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -60", + "offsetmax": "0 -30" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "from": "0", + "to": "1" + }, + { + "type": "Opacity", + "delay": 1.5, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "to": "0" + }, + ] + } + ] + }, + { + "parent": "Slide0", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"But there's More this Component can do", + "color": "1 1 1 0.8", + "fontSize":40, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -150", + "offsetmax": "0 -90" + } + ] + }, + { + "name": "Slide0_Kill", + "parent": "Slide0", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"Slide0", + "color": "0.9 0.8 0.3 0.12" + }, + { + "type":"RectTransform", + "anchormin": "0.9 0.0", + "anchormax": "1 0.07" + } + ] + }, + { + "parent": "Slide0_Kill", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Begin", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "Slide1", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.15 0.05 0.05 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Slide0_Kill", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "delay": 0.2, + "duration": 0.5, + "easing": "0 1.45 0.6 1", + "to": "0 0 1 1" + }, + { + "trigger": "OnClick", + "type": "Opacity", + "delay": 0.2, + "duration": 0.5, + "easing": "0 1.45 0.6 1", + "to": "1" + } + ] + } + ] + }, + { + "name": "Slide1_Kill", + "parent": "Slide1", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"Slide1", + "color": "0.9 0.8 0.3 0.12" + }, + { + "type":"RectTransform", + "anchormin": "0.9 0.0", + "anchormax": "1 0.07" + } + ] + }, + { + "parent": "Slide1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Can Change Different Values", + "color": "1 1 1 0.6", + "fontSize":28, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.65", + "anchormax": "0.93 0.92" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + } + ] + }, + { + "parent": "Slide1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Like Opacity", + "color": "1 1 1 0.8", + "fontSize":22, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -30", + "offsetmax": "0 0" + }, + { + "type": "Animation", + "mouseTarget": "Slide0_Kill", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnClick", + "type": "Opacity", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "from": "0", + "to": "1" + }, + { + "trigger": "OnClick", + "type": "Opacity", + "delay": 1.5, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "to": "0" + }, + ] + } + ] + }, + { + "parent": "Slide1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"And Color", + "color": "1 1 1 0.8", + "fontSize":22, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -60", + "offsetmax": "0 -30" + }, + { + "type": "Animation", + "mouseTarget": "Slide0_Kill", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnClick", + "type": "Color", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "from": "1 0.2 0.2 1", + "to": "0.2 1 0.2 1" + }, + { + "trigger": "OnClick", + "type": "Color", + "delay": 1.5, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "to": "0.2 0.2 1 1" + }, + ] + } + ] + }, + { + "name": "Slide1_Block1", + "parent":"Slide1", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.4", + "anchormax": "0.25 0.6", + }, + { + "type": "Animation", + "mouseTarget": "Slide0_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Scale", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "from": "1 1", + "to": "1.5 1.5" + }, + { + "trigger": "OnClick", + "type": "Scale", + "delay": 1.5, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "to": "1 1" + }, + ] + } + ] + }, + { + "parent": "Slide1_Block1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Or Scale", + "color": "1 1 1 0.8", + "fontSize":22, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide1_Block2", + "parent":"Slide1", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.4 0.4", + "anchormax": "0.55 0.6", + }, + { + "type": "Animation", + "mouseTarget": "Slide0_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Rotate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "from": "0 0 45", + "to": "0 0 -45" + }, + { + "trigger": "OnClick", + "type": "Rotate", + "delay": 1.5, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "to": "0 0 45" + }, + ] + } + ] + }, + { + "parent": "Slide1_Block2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Or Rotation", + "color": "1 1 1 0.8", + "fontSize":22, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide1_Block3", + "parent":"Slide1", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.7 0.4", + "anchormax": "0.85 0.6", + }, + { + "type": "Animation", + "mouseTarget": "Slide0_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "to": "0 -0.3" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 1.5, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "to": "0 0.3" + }, + ] + } + ] + }, + { + "parent": "Slide1_Block3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"And Movement", + "color": "1 1 1 0.8", + "fontSize":22, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "parent": "Slide1_Kill", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Next Page", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "Slide2", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.15 0.05 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Slide1_Kill", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "delay": 0.2, + "duration": 0.5, + "easing": "0 1.45 0.6 1", + "to": "0 0 1 1" + }, + { + "trigger": "OnClick", + "type": "Opacity", + "delay": 0.2, + "duration": 0.5, + "easing": "0 1.45 0.6 1", + "to": "1" + } + ] + } + ] + }, + { + "parent": "Slide2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Can Happen..", + "color": "1 1 1 0.6", + "fontSize":28, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.65", + "anchormax": "0.93 0.92" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + } + ] + }, + { + "name": "Slide2_Block1", + "parent":"Slide2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.5", + "anchormax": "0.25 0.7", + }, + { + "type": "Animation", + "mouseTarget": "Slide1_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Opacity", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "from": "0.5", + "to": "1" + }, + { + "trigger": "OnClick", + "type": "Opacity", + "delay": 1.5, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "to": "0.5" + }, + ] + } + ] + }, + { + "parent": "Slide2_Block1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"By Themselves", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide2_Block2", + "parent":"Slide2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.3 0.5", + "anchormax": "0.45 0.7", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Block2", + "properties": [ + { + "trigger": "OnHoverEnter", + "type": "Scale", + "delay": 0, + "duration": 0.5, + "to": "1.2 1.2" + }, + { + "trigger": "OnHoverExit", + "type": "Rotate", + "delay": 0, + "duration": 0.5, + "to": "0 0 180" + }, + { + "trigger": "OnHoverExit", + "type": "Scale", + "delay": 0, + "duration": 0.5, + "to": "1 1" + }, + { + "trigger": "OnHoverExit", + "type": "Rotate", + "delay": 0.51, + "duration": 0, + "to": "0 0 0" + }, + ] + } + ] + }, + { + "parent": "Slide2_Block2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"On Hover", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide2_Block3", + "parent":"Slide2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.5 0.5", + "anchormax": "0.65 0.7", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Block3", + "properties": [ + { + "trigger": "OnClick", + "type": "Scale", + "delay": 0, + "duration": 0.2, + "to": "1.2 1.2" + }, + { + "trigger": "OnClick", + "type": "Scale", + "delay": 0.5, + "duration": 0.2, + "to": "1 1" + }, + ] + } + ] + }, + { + "parent": "Slide2_Block3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"On Click", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide2_Block4", + "parent":"Slide2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.7 0.5", + "anchormax": "0.85 0.7", + }, + { + "type": "Animation", + "properties": [ + { + "trigger": "OnDestroy", + "type": "Translate", + "delay": 0, + "duration": 0.5, + "to": "1 0" + }, + { + "trigger": "OnDestroy", + "type": "Opacity", + "delay": 0, + "duration": 0.5, + "to": "0" + }, + ] + } + ] + }, + { + "parent": "Slide2_Block4", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"OnDestroy", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide2_Block4Kill", + "parent": "Slide2_Block4", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"Slide2_Block4", + "color": "0.9 0.3 0.3 0.42" + }, + { + "type":"RectTransform", + "anchormin": "0 0.0", + "anchormax": "1 0.3" + } + ] + }, + { + "parent": "Slide2_Block4Kill", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Kill me", + "fontSize":12, + "align": "MiddleCenter" + } + ] + }, + { + "parent": "Slide2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"They Can be Combined", + "color": "1 1 1 0.6", + "fontSize":28, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.25", + "anchormax": "0.93 0.45" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + } + ] + }, + { + "name": "Slide2_Block5", + "parent":"Slide2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.2", + "anchormax": "0.25 0.4", + }, + { + "type": "Animation", + "mouseTarget": "Slide1_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Color", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "from": "0.35 0.65 0.45 1.0", + "to": "0.45 0.35 0.65 1.0" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 1.5, + "from": "-0.15 0", + "to": "0.15 0" + }, + ] + } + ] + }, + { + "parent": "Slide2_Block5", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"At The Same Time", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide2_Block6", + "parent":"Slide2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.3 0.2", + "anchormax": "0.45 0.4", + }, + { + "type": "Animation", + "mouseTarget": "Slide1_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 0.4, + "repeat": -1, + "repeatDelay": 1.6, + "to": "0.15 0" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0.4, + "duration": 0.4, + "repeat": -1, + "repeatDelay": 1.6, + "to": "0 -0.15" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0.8, + "duration": 0.4, + "repeat": -1, + "repeatDelay": 1.6, + "to": "-0.15 0" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 1.2, + "duration": 0.4, + "repeat": -1, + "repeatDelay": 1.6, + "to": "0 0.15" + }, + ] + } + ] + }, + { + "parent": "Slide2_Block6", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Or Staggered With Delays", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide2_Block7", + "parent":"Slide2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.6 0.2", + "anchormax": "0.75 0.4", + }, + { + "type": "Animation", + "mouseTarget": "Slide1_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Color", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0, + "from": "0.35 0.65 0.45 1.0", + "to": "0.45 0.35 0.65 1.0" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 0.75, + "repeat": -1, + "repeatDelay": 0.75, + "to": "0.15 0" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 0.75, + "repeat": -1, + "repeatDelay": 0.75, + "easing": "EaseIn", + "to": "0 -0.15" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0.75, + "duration": 0.75, + "repeat": -1, + "repeatDelay": 0.75, + "to": "-0.15 0" + }, + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0.75, + "duration": 0.75, + "repeat": -1, + "repeatDelay": 0.75, + "easing": "EaseIn", + "to": "0 0.15" + }, + ] + } + ] + }, + { + "parent": "Slide2_Block7", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Or Both", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Slide2_Kill", + "parent": "Slide2", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"Slide2", + "color": "0.9 0.8 0.3 0.12" + }, + { + "type":"RectTransform", + "anchormin": "0.9 0.0", + "anchormax": "1 0.07" + } + ] + }, + { + "parent": "Slide2_Kill", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Next Page", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "Slide3", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.15 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "delay": 0.2, + "duration": 0.5, + "easing": "0 1.45 0.6 1", + "to": "0 0 1 1" + }, + { + "trigger": "OnClick", + "type": "Opacity", + "delay": 0.2, + "duration": 0.5, + "easing": "0 1.45 0.6 1", + "to": "1" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Can use Easing functions", + "color": "1 1 1 0.6", + "fontSize":28, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.65", + "anchormax": "0.93 0.92" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + } + ] + }, + { + "name": "Slide3_Block1", + "parent":"Slide3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.3 0.7", + "anchormax": "0.3 0.7", + "offsetmin": "-25 -25", + "offsetmax": "25 25", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "from": "-0.2 0", + "to": "0.2 0" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Easing: Linear", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.7", + "anchormax": "0.1 0.7", + "offsetmin": "25 25", + "offsetmax": "275 75", + } + ] + }, + { + "name": "Slide3_Block2", + "parent":"Slide3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.3 0.7", + "anchormax": "0.3 0.7", + "offsetmin": "-25 -125", + "offsetmax": "25 -75", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "easing": "EaseIn", + "from": "-0.2 0", + "to": "0.2 0" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Easing: EaseIn", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.7", + "anchormax": "0.1 0.7", + "offsetmin": "25 -75", + "offsetmax": "275 -25", + } + ] + }, + { + "name": "Slide3_Block3", + "parent":"Slide3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.3 0.7", + "anchormax": "0.3 0.7", + "offsetmin": "-25 -225", + "offsetmax": "25 -175", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "easing": "EaseOut", + "from": "-0.2 0", + "to": "0.2 0" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Easing: EaseOut", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.7", + "anchormax": "0.1 0.7", + "offsetmin": "25 -175", + "offsetmax": "275 -125", + } + ] + }, + { + "name": "Slide3_Block4", + "parent":"Slide3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.3 0.7", + "anchormax": "0.3 0.7", + "offsetmin": "-25 -325", + "offsetmax": "25 -275", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "easing": "EaseInOut", + "from": "-0.2 0", + "to": "0.2 0" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Easing: EaseInOut", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.7", + "anchormax": "0.1 0.7", + "offsetmin": "25 -275", + "offsetmax": "275 -225", + } + ] + }, + { + "name": "Slide3_Block5", + "parent":"Slide3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.7 0.7", + "anchormax": "0.7 0.7", + "offsetmin": "-25 -25", + "offsetmax": "25 25", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "easing": "0.5 0.5 0.5 0.5", + "from": "-0.2 0", + "to": "0.2 0" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Cubic Bezier: 0.5 0.5 0.5 0.5", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.5 0.7", + "anchormax": "0.5 0.7", + "offsetmin": "25 25", + "offsetmax": "275 75", + } + ] + }, + { + "name": "Slide3_Block6", + "parent":"Slide3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.7 0.7", + "anchormax": "0.7 0.7", + "offsetmin": "-25 -125", + "offsetmax": "25 -75", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "easing": "0.3 -1 0.7 1.5", + "from": "-0.2 0", + "to": "0.2 0" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Cubic-Bezier: 0.3 -1 0.7 1.5", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.5 0.7", + "anchormax": "0.5 0.7", + "offsetmin": "25 -75", + "offsetmax": "275 -25", + } + ] + }, + { + "name": "Slide3_Block7", + "parent":"Slide3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.7 0.7", + "anchormax": "0.7 0.7", + "offsetmin": "-25 -225", + "offsetmax": "25 -175", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "easing": "0 1.5 0.7 0.4", + "from": "-0.2 0", + "to": "0.2 0" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Cubic-Bezier: 0 1.5 0.7 0.4", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.5 0.7", + "anchormax": "0.5 0.7", + "offsetmin": "25 -175", + "offsetmax": "275 -125", + } + ] + }, + { + "name": "Slide3_Block8", + "parent":"Slide3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.7 0.7", + "anchormax": "0.7 0.7", + "offsetmin": "-25 -325", + "offsetmax": "25 -275", + }, + { + "type": "Animation", + "mouseTarget": "Slide2_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "Translate", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "easing": "0 1.45 0.6 1", + "from": "-0.2 0", + "to": "0.2 0" + } + ] + } + ] + }, + { + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Cubic-Bezier: 0 1.45 0.6 1", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.5 0.7", + "anchormax": "0.5 0.7", + "offsetmin": "25 -275", + "offsetmax": "275 -225", + } + ] + }, + { + "name": "Slide3_Kill", + "parent": "Slide3", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"Slide3", + "color": "0.9 0.8 0.3 0.12" + }, + { + "type":"RectTransform", + "anchormin": "0.9 0.0", + "anchormax": "1 0.07" + } + ] + }, + { + "parent": "Slide3_Kill", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Next Page", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "Slide4", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.01 0.01 0.01 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Slide3_Kill", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "delay": 0.2, + "duration": 0.5, + "easing": "0 1.45 0.6 1", + "to": "0 0 1 1" + }, + { + "trigger": "OnClick", + "type": "Opacity", + "delay": 0.2, + "duration": 0.5, + "easing": "0 1.45 0.6 1", + "to": "1" + } + ] + } + ] + }, + { + "parent": "Slide4", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Brings A Few unrelated but useful additions", + "color": "1 1 1 0.6", + "fontSize":28, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.65", + "anchormax": "0.93 0.92" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + } + ] + }, + { + "name": "Slide4_Block1", + "parent":"Slide4", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.3", + "anchormax": "0.4 0.7" + }, + { + "type": "UnityEngine.UI.RectMask2D" + }, + { + "type": "Animation", + "mouseTarget": "Slide4_Block1", + "properties": [ + { + "trigger": "OnClick", + "type": "Rotate", + "delay": 0, + "duration": 1.5, + "from": "0 0 180", + "to": "0 0 0" + } + ] + } + ] + }, + { + "parent": "Slide4_Block1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"RectMask2D is a more performant way to mask objects but... [Hover me]", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0.3", + "anchormax": "1 1", + } + ] + }, + { + "name": "Slide4_Block1Moving", + "parent":"Slide4_Block1", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.15 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "-0.1 0.03", + "anchormax": "0 0.13" + }, + { + "type": "Animation", + "mouseTarget": "Slide3_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "from": "-0.1 0.03 0 0.13", + "to": "1.0 0.03 1.1 0.13" + } + ] + } + ] + }, + { + "name": "Slide4_Block1Sub", + "parent":"Slide4_Block1", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.05 0.7", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type": "UnityEngine.UI.RectMask2D" + }, + { + "type": "Animation", + "mouseTarget": "Slide4_Block1", + "properties": [ + { + "trigger": "OnHoverEnter", + "type": "MoveTo", + "delay": 0, + "duration": 0.5, + "to": "0 0 1 1" + }, + { + "trigger": "OnHoverExit", + "type": "MoveTo", + "delay": 0, + "duration": 0.5, + "to": "0 -1 1 0" + } + ] + } + ] + }, + { + "parent": "Slide4_Block1Sub", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"But it Breaks when Using Rotation [ClickMe]", + "color": "1 1 1 0.8", + "fontSize":30, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1", + } + ] + }, + { + "name": "Slide4_Block2", + "parent":"Slide4", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.35 0.65 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.5 0.3", + "anchormax": "0.8 0.7" + }, + { + "type": "UnityEngine.UI.Mask" + }, + { + "type": "Animation", + "mouseTarget": "Slide4_Block2", + "properties": [ + { + "trigger": "OnClick", + "type": "Rotate", + "delay": 0, + "duration": 1.5, + "from": "0 0 180", + "to": "0 0 0" + } + ] + } + ] + }, + { + "parent": "Slide4_Block2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Mask is a Bit less efficient but more reliable [HoverMe]", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0.3", + "anchormax": "1 1", + } + ] + }, + { + "name": "Slide4_Block2Moving", + "parent":"Slide4_Block2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.15 0.45 1.0", + }, + { + "type":"RectTransform", + "anchormin": "-0.1 0.03", + "anchormax": "0 0.13" + }, + { + "type": "Animation", + "mouseTarget": "Slide3_Kill", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "delay": 0, + "duration": 1.5, + "repeat": -1, + "repeatDelay": 0.5, + "from": "-0.1 0.03 0 0.13", + "to": "1.0 0.03 1.1 0.13" + } + ] + } + ] + }, + { + "name": "Slide4_Block2Sub", + "parent":"Slide4_Block2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.05 0.7", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type": "UnityEngine.UI.Mask" + }, + { + "type": "Animation", + "mouseTarget": "Slide4_Block2", + "properties": [ + { + "trigger": "OnHoverEnter", + "type": "MoveTo", + "delay": 0, + "duration": 0.5, + "to": "0 0 1 1" + }, + { + "trigger": "OnHoverExit", + "type": "MoveTo", + "delay": 0, + "duration": 0.5, + "to": "0 -1 1 0" + } + ] + } + ] + }, + { + "parent": "Slide4_Block2Sub", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"It Doesnt Break on Rotation [ClickMe]", + "color": "1 1 1 0.8", + "fontSize":30, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1", + } + ] + }, + { + "name": "Slide4_Kill", + "parent": "Slide4", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"Slide4", + "color": "0.9 0.8 0.3 0.12" + }, + { + "type":"RectTransform", + "anchormin": "0.9 0.0", + "anchormax": "1 0.07" + } + ] + }, + { + "parent": "Slide4_Kill", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Done", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "parent": "UI", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Animation", + "fontSize":44, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.81", + "anchormax": "0.93 1" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + } + ] + }, + { + "name": "Button88", + "parent": "UI", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"UI", + "command":"cui.endtest", + "color": "0.9 0.8 0.3 0.02" + }, + { + "type":"RectTransform", + "anchormin": "0.0 0.0", + "anchormax": "0.1 0.07" + } + ] + }, + { + "parent": "Button88", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Kill UI", + "fontSize":16, + "align": "MiddleCenter" + } + ] + } +] diff --git a/examples/MultipleAnimationTest.json b/examples/MultipleAnimationTest.json new file mode 100644 index 0000000..41a513c --- /dev/null +++ b/examples/MultipleAnimationTest.json @@ -0,0 +1,2571 @@ +[ + { + "name": "UI", + "parent":"Overlay", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.05 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"NeedsCursor" + } + ] + }, + { + "name": "Slide0", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.05 0.0", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1", + "offsetmin": "0 0", + "offsetmax": "0 -60" + }, + { + "type":"NeedsCursor" + } + ] + }, + { + "parent": "Slide0", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Using Multiple Animations with different mouseTargets", + "color": "1 1 1 0.6", + "fontSize":28, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.65", + "anchormax": "0.93 0.92" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 0.5, + "duration": 0.5, + "from": "0", + "to": "1" + } + ] + } + ] + }, + { + "parent": "Slide0", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"lets us listen to multiple mouseTargets, Opening up things", + "color": "1 1 1 0.8", + "fontSize":22, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -30", + "offsetmax": "0 0" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 1.0, + "duration": 0.5, + "from": "0", + "to": "1" + } + ] + } + ] + }, + { + "parent": "Slide0", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Like Tabs", + "color": "1 1 1 0.8", + "fontSize":50, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -170", + "offsetmax": "0 -90" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 1.5, + "duration": 0.5, + "from": "0", + "to": "1" + } + ] + } + ] + }, + { + "name": "TabBar", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.05 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 20", + "offsetmax": "0 80" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "properties": [ + { + "type": "MoveToPX", + "delay": 1.5, + "easing": "0 1.45 0.6 1", + "duration": 0.5, + "to": "0 -60 0 0" + } + ] + } + ] + }, + { + "name": "Tab_Button1", + "parent":"TabBar", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1", + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.4", + "distance": "1 0" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "0.33 1", + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button1", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 0.8" + } + ] + } + ] + }, + { + "parent": "Tab_Button1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Details", + "color": "1 1 1 1", + "fontSize":24, + "align": "MiddleCenter" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button1", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 0.8" + } + ] + } + ] + }, + { + "name": "Tab_Button2", + "parent":"TabBar", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1", + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.4", + "distance": "1 0" + }, + { + "type":"RectTransform", + "anchormin": "0.33 0", + "anchormax": "0.66 1", + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button2", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 0.8" + } + ] + } + ] + }, + { + "parent": "Tab_Button2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Modals", + "color": "1 1 1 1", + "fontSize":24, + "align": "MiddleCenter" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button2", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 0.8" + } + ] + } + ] + }, + { + "name": "Tab_Button3", + "parent":"TabBar", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1", + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.4", + "distance": "1 0" + }, + { + "type":"RectTransform", + "anchormin": "0.66 0", + "anchormax": "1 1", + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button3", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.15 0.15 0.15 0.8" + } + ] + } + ] + }, + { + "parent": "Tab_Button3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Dropdowns", + "color": "1 1 1 1", + "fontSize":24, + "align": "MiddleCenter" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button3", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.2 0.7 0.35 0.8" + } + ] + } + ] + }, + { + "name": "Tab_Highlight", + "parent":"TabBar", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 0", + "offsetmin": "0 0", + "offsetmax": "0 3" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button1", + "properties": [ + { + "type": "Color", + "duration": 0, + "to": "0.4 0.4 0.4 1" + }, + { + "trigger": "OnClick", + "type": "Color", + "duration": 0.3, + "easing": "0 1.15 0.6 1", + "to": "0.25 0.8 0.35 1" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.3, + "easing": "0 1.15 0.6 1", + "to": "0 0 0.33 0" + }, + ] + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button2", + "properties": [ + { + "trigger": "OnClick", + "type": "Color", + "duration": 0.3, + "easing": "0 1.15 0.6 1", + "to": "0.25 0.8 0.35 1" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.3, + "easing": "0 1.15 0.6 1", + "to": "0.33 0 0.66 0" + }, + ] + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button3", + "properties": [ + { + "trigger": "OnClick", + "type": "Color", + "duration": 0.3, + "easing": "0 1.15 0.6 1", + "to": "0.25 0.8 0.35 1" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.3, + "easing": "0 1.15 0.6 1", + "to": "0.66 0 1 0" + }, + ] + } + ] + }, + { + "name": "Tabs", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.08 0.08 0.08 0.0", + }, + { + "type":"RectTransform", + "anchormin": "1 0", + "anchormax": "2 1", + "offsetmin": "0 0", + "offsetmax": "0 -60" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "TabBar", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "0 0 1 1" + } + ] + } + ] + }, + { + "name": "Tab1", + "parent":"Tabs", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.09 0.09 0.09 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button1", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "0 0 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button2", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "-1 0 0 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button3", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "-1 0 0 1" + } + ] + } + ] + }, + { + "parent": "Tab1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"this subtle change lets us react to mouse events on different panels, which is great for creating more complex UI behaviours completely without server interaction required", + "color": "1 1 1 0.9", + "fontSize":22, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -70", + "offsetmax": "0 0" + } + ] + }, + { + "parent": "Tab1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"for example, we can make a tab system that cohesively swipes from right to left depending on which tab the user last selected, and even have a material-style tab indicator that smoothly swipes between the tabs", + "color": "1 1 1 0.7", + "fontSize":18, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.8", + "anchormax": "0.9 0.8", + "offsetmin": "0 -160", + "offsetmax": "0 -80" + } + ] + }, + { + "parent": "Tab1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"aside from tabs we can create Modals & dropdowns with great UX", + "color": "1 1 1 0.7", + "fontSize":18, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.8", + "anchormax": "0.9 0.8", + "offsetmin": "0 -240", + "offsetmax": "0 -160" + } + ] + }, + { + "name": "Tab2", + "parent":"Tabs", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.05 1.0", + }, + { + "type":"RectTransform", + "anchormin": "1 0", + "anchormax": "2 1", + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button2", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "0 0 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button1", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "1 0 2 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button3", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "-1 0 0 1" + } + ] + } + ] + }, + { + "parent": "Tab2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Click the button below to open a modal", + "color": "1 1 1 0.9", + "fontSize":22, + "align": "UpperCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -70", + "offsetmax": "0 0" + } + ] + }, + { + "name": "ModalButton", + "parent": "Tab2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0.5 0.5", + "anchormax": "0.5 0.5", + "offsetmin": "-50 -20", + "offsetmax": "50 20" + }, + { + "type": "Animation", + "mouseTarget": "ModalButton", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.8" + } + ] + } + ] + }, + { + "parent": "ModalButton", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Open Modal", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "Tab3", + "parent":"Tabs", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.09 0.09 0.09 1.0", + }, + { + "type":"RectTransform", + "anchormin": "1 0", + "anchormax": "2 1", + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button3", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "0 0 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button1", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "1 0 2 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "Tab_Button2", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "1 0 2 1" + } + ] + } + ] + }, + { + "name": "Tab3_Section1", + "parent":"Tab3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.09 0.09 0.09 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "0.33 1", + } + ] + }, + { + "name": "DropDown1_Button", + "parent": "Tab3_Section1", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.9", + "anchormax": "0.9 0.9", + "offsetmin": "0 -20", + "offsetmax": "0 20" + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Button", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.8" + } + ] + } + ] + }, + { + "parent": "DropDown1_Button", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Select Option", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown1_Parent", + "parent":"Tab3_Section1", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.09 0.09 0.09 0.0", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0", + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Button", + "properties": [ + + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0, + "to": "0 0 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Parent", + "properties": [ + + { + "trigger": "OnClick", + "type": "MoveTo", + "delay": 0.3, + "duration": 0, + "to": "0 -1 1 0" + } + ] + } + ] + }, + { + "name": "DropDown1_Container", + "parent": "DropDown1_Parent", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.02 0.02 0.02 0.8" + }, + { + "type": "UnityEngine.UI.RectMask2D" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.9", + "anchormax": "0.9 0.9", + "offsetmin": "2 -20", + "offsetmax": "-2 -20" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "1 1 1 0.1", + "distance": "1 1" + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Button", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveToPX", + "easing": "0 1.15 0.6 1", + "duration": 0.3, + "to": "2 -220 -2 -20" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Parent", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveToPX", + "easing": "0 0.85 0.6 1", + "duration": 0.3, + "to": "2 -20 -2 -20" + } + ] + } + ] + }, + { + "name": "DropDown1_Option1", + "parent": "DropDown1_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -40", + "offsetmax": "0 0" + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Option1", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown1_Option1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Selecting an Option Closes the Dropdown", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown1_Option2", + "parent": "DropDown1_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -80", + "offsetmax": "0 -40" + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Option2", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown1_Option2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Option 2", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown1_Option3", + "parent": "DropDown1_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -120", + "offsetmax": "0 -80" + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Option3", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown1_Option3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Dont choose me", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown1_Option4", + "parent": "DropDown1_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -160", + "offsetmax": "0 -120" + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Option4", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown1_Option4", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Choose me", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown1_Option5", + "parent": "DropDown1_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -200", + "offsetmax": "0 -160" + }, + { + "type": "Animation", + "mouseTarget": "DropDown1_Option5", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown1_Option5", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"i'm just filler", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "Tab3_Section2", + "parent":"Tab3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.06 0.06 0.06 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.33 0", + "anchormax": "0.66 1", + } + ] + }, + { + "name": "DropDown2_Button", + "parent": "Tab3_Section2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.9", + "anchormax": "0.9 0.9", + "offsetmin": "0 -20", + "offsetmax": "0 20" + }, + { + "type": "UnityEngine.UI.RectMask2D" + }, + { + "type": "Animation", + "mouseTarget": "DropDown2_Button", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.8" + } + ] + } + ] + }, + { + "name": "DropDown2_ButtonExpand", + "parent": "DropDown2_Button", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "Animation", + "mouseTarget": "DropDown2_ButtonExpand", + "properties": [ + + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.3, + "easing": "0 0.75 0.6 1", + "to": "0 -1 1 0" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown2_ButtonCollapse", + "properties": [ + + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.3, + "easing": "0 0.75 0.6 1", + "to": "0 0 1 1" + } + ] + } + ] + }, + { + "parent": "DropDown2_ButtonExpand", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Expand", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown2_ButtonCollapse", + "parent": "DropDown2_Button", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 2" + }, + { + "type": "Animation", + "mouseTarget": "DropDown2_ButtonExpand", + "properties": [ + + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.3, + "easing": "0 0.75 0.6 1", + "to": "0 0 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown2_ButtonCollapse", + "properties": [ + + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.3, + "easing": "0 0.75 0.6 1", + "to": "0 1 1 2" + } + ] + } + ] + }, + { + "parent": "DropDown2_ButtonCollapse", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Collapse", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown2_Container", + "parent": "Tab3_Section2", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.02 0.02 0.02 0.8" + }, + { + "type": "UnityEngine.UI.RectMask2D" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.9", + "anchormax": "0.9 0.9", + "offsetmin": "2 -20", + "offsetmax": "-2 -20" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "1 1 1 0.1", + "distance": "1 1" + }, + { + "type": "Animation", + "mouseTarget": "DropDown2_ButtonExpand", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveToPX", + "easing": "0 1.15 0.6 1", + "duration": 0.3, + "to": "2 -320 -2 -20" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown2_ButtonCollapse", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveToPX", + "easing": "0 0.85 0.6 1", + "duration": 0.3, + "to": "2 -20 -2 -20" + } + ] + } + ] + }, + { + "name": "DropDown2_TextContainer", + "parent": "DropDown2_Container", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0.05 1", + "anchormax": "0.95 1", + "offsetmin": "0 -300", + "offsetmax": "0 0" + } + ] + }, + { + "parent": "DropDown2_TextContainer", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"unlike the first dropdown, this dropdown can only be closed by clicking the Collapse button. the Expand/Collapse button illustrates that this also lets us somewhat track state right in the UI, which allows us to create simple triggerals like checkboxes without requiring any AddUI/Destroy calls from the server", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "Tab3_Section3", + "parent":"Tab3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.09 0.09 0.09 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0.66 0", + "anchormax": "1 1", + } + ] + }, + { + "name": "DropDown3_Button", + "parent": "Tab3_Section3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.9", + "anchormax": "0.9 0.9", + "offsetmin": "0 -20", + "offsetmax": "0 20" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Button", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.8" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.8" + } + ] + } + ] + }, + { + "parent": "DropDown3_Button", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Select Option", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown3_Parent", + "parent":"Tab3_Section3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.09 0.09 0.09 0.0", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0", + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Button", + "properties": [ + + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0, + "to": "0 0 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Parent", + "properties": [ + + { + "trigger": "OnClick", + "type": "MoveTo", + "delay": 0.3, + "duration": 0, + "to": "0 -1 1 0" + } + ] + } + ] + }, + { + "name": "DropDown3_Container", + "parent":"Tab3_Section3", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.02 0.02 0.02 0.8" + }, + { + "type":"UnityEngine.UI.ScrollView", + "vertical": true, + "horizontal": false, + "movementType": "Clamped", + "inertia": false, + "contentTransform": { + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -280", + "offsetmax": "0 0" + }, + "scrollSensitivity": 15.0 + }, + { + "type":"RectTransform", + "anchormin": "0.1 0.9", + "anchormax": "0.9 0.9", + "offsetmin": "2 -20", + "offsetmax": "-2 -20" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "1 1 1 0.1", + "distance": "1 1" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Button", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveToPX", + "easing": "0 1.15 0.6 1", + "duration": 0.3, + "to": "2 -220 -2 -20" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Parent", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveToPX", + "easing": "0 0.85 0.6 1", + "duration": 0.3, + "to": "2 -20 -2 -20" + } + ] + } + ] + }, + { + "name": "DropDown3_Option1", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -40", + "offsetmax": "0 0" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option1", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown3_Option1", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Selecting an Option wont close the Dropdown", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown3_Option1Selected", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 0.1" + }, + { + "type":"RectTransform", + "anchormin": "1 1", + "anchormax": "2 1", + "offsetmin": "0 -40", + "offsetmax": "0 0" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option1", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "0 1 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option1Selected", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "1 1 2 1" + } + ] + } + ] + }, + { + "name": "DropDown3_Option2", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -80", + "offsetmax": "0 -40" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option2", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown3_Option2", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"You Can Select Me", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown3_Option2Selected", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 0.1" + }, + { + "type":"RectTransform", + "anchormin": "1 1", + "anchormax": "2 1", + "offsetmin": "0 -80", + "offsetmax": "0 -40" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option2", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "0 1 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option2Selected", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "1 1 2 1" + } + ] + } + ] + }, + { + "name": "DropDown3_Option3", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -120", + "offsetmax": "0 -80" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option3", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown3_Option3", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Or Me!", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown3_Option3Selected", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 0.1" + }, + { + "type":"RectTransform", + "anchormin": "1 1", + "anchormax": "2 1", + "offsetmin": "0 -120", + "offsetmax": "0 -80" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option3", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "0 1 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option3Selected", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "1 1 2 1" + } + ] + } + ] + }, + { + "name": "DropDown3_Option4", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -160", + "offsetmax": "0 -120" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.15 0.35 0.2 0.1" + }, + ] + } + ] + }, + { + "parent": "DropDown3_Option4", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Not me Though", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown3_Option5", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -200", + "offsetmax": "0 -160" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option5", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown3_Option5", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"i'm just filler", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown3_Option5Selected", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 0.1" + }, + { + "type":"RectTransform", + "anchormin": "1 1", + "anchormax": "2 1", + "offsetmin": "0 -200", + "offsetmax": "0 -160" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option5", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "0 1 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option5Selected", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "1 1 2 1" + } + ] + } + ] + }, + { + "name": "DropDown3_Option6", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -240", + "offsetmax": "0 -200" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option6", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown3_Option6", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"i'm just filler", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown3_Option6Selected", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 0.1" + }, + { + "type":"RectTransform", + "anchormin": "1 1", + "anchormax": "2 1", + "offsetmin": "0 -240", + "offsetmax": "0 -200" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option6", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "0 1 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option6Selected", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "1 1 2 1" + } + ] + } + ] + }, + { + "name": "DropDown3_Option7", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "0 1", + "anchormax": "1 1", + "offsetmin": "0 -280", + "offsetmax": "0 -240" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option7", + "properties": [ + { + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.2" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.1" + } + ] + } + ] + }, + { + "parent": "DropDown3_Option7", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"i'm just filler", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "name": "DropDown3_Option7Selected", + "parent": "DropDown3_Container", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 0.1" + }, + { + "type":"RectTransform", + "anchormin": "1 1", + "anchormax": "2 1", + "offsetmin": "0 -280", + "offsetmax": "0 -240" + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option7", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "0 1 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "DropDown3_Option7Selected", + "properties": [ + { + "trigger": "OnClick", + "type": "MoveTo", + "duration": 0.1, + "to": "1 1 2 1" + } + ] + } + ] + }, + { + "name": "ModalParent", + "parent":"UI", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1", + }, + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type":"NeedsCursor" + }, + { + "type": "Animation", + "mouseTarget": "ModalButton", + "properties": [ + { + "trigger": "OnClick", + "type": "Color", + "easing": "0 1.15 0.6 1", + "duration": 0, + "to": "0.05 0.05 0.05 0.0" + }, + { + "trigger": "OnClick", + "type": "Color", + "easing": "0 1.15 0.6 1", + "delay": 0.5, + "duration": 0.5, + "from": "0.05 0.05 0.05 0.0", + "to": "0.05 0.05 0.05 0.98" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "duration": 0.5, + "to": "0 0 1 1" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "ModalCloseButton", + "properties": [ + { + "trigger": "OnClick", + "type": "Color", + "easing": "0 1.15 0.6 1", + "duration": 0.2, + "to": "0.05 0.05 0.05 0.0" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "delay": 0.2, + "duration": 0.5, + "to": "0 -1 1 0" + } + ] + }, + { + "type": "Animation", + "mouseTarget": "ModalBackdrop", + "properties": [ + { + "trigger": "OnClick", + "type": "Color", + "easing": "0 1.15 0.6 1", + "duration": 0.2, + "to": "0.05 0.05 0.05 0.0" + }, + { + "trigger": "OnClick", + "type": "MoveTo", + "easing": "0 1.15 0.6 1", + "delay": 0.2, + "duration": 0.5, + "to": "0 -1 1 0" + } + ] + } + ] + }, + { + "name": "ModalBackdrop", + "parent":"ModalParent", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 0", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Modal", + "parent":"ModalParent", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.08 0.08 0.08 1", + }, + { + "type": "UnityEngine.UI.Outline", + "color": "1 1 1 0.1", + "distance": "1 1" + }, + { + "type":"RectTransform", + "anchormin": "0.2 0.2", + "anchormax": "0.8 0.8" + }, + { + "type":"NeedsCursor" + } + ] + }, + { + "name": "ModalCloseButton", + "parent": "Modal", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "1 1 1 1" + }, + { + "type":"RectTransform", + "anchormin": "1 1", + "anchormax": "1 1", + "offsetmin": "-60 -25", + "offsetmax": "0 0" + }, + { + "type": "Animation", + "mouseTarget": "ModalButton", + "properties": [ + { + "type": "Color", + "duration": 0, + "to": "0.3 0.65 0.35 0.4" + }, + { + "trigger": "OnHoverEnter", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.6" + }, + { + "trigger": "OnHoverExit", + "type": "Color", + "duration": 0.1, + "to": "0.3 0.65 0.35 0.4" + } + ] + } + ] + }, + { + "parent": "ModalCloseButton", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Close", + "fontSize":16, + "align": "MiddleCenter" + } + ] + }, + { + "parent": "Modal", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Re-Usable Modals without any server interaction required", + "color": "1 1 1 0.8", + "fontSize":24, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -30", + "offsetmax": "0 0" + } + ] + }, + { + "parent": "Modal", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"to Close this modal you can click outside of it on the backdrop or use the dedicated close button", + "color": "1 1 1 0.8", + "fontSize":20, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.8", + "anchormax": "0.93 0.8", + "offsetmin": "0 -120", + "offsetmax": "0 -40" + } + ] + }, + { + "name": "Button88", + "parent": "UI", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"UI", + "command":"cui.endtest", + "color": "0.9 0.8 0.3 0.52" + }, + { + "type":"RectTransform", + "anchormin": "0.0 0.0", + "anchormax": "0.1 0.07" + } + ] + }, + { + "parent": "Button88", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Kill UI", + "fontSize":16, + "align": "MiddleCenter" + } + ] + } +] diff --git a/examples/UsecaseExample.json b/examples/UsecaseExample.json new file mode 100644 index 0000000..f2e0028 --- /dev/null +++ b/examples/UsecaseExample.json @@ -0,0 +1,1384 @@ +[ + { + "name": "UI", + "parent":"Overlay", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "color": "0.05 0.05 0.05 1.0", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"NeedsCursor" + } + ] + }, + { + "name": "Background", + "parent":"UI", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + } + ] + }, + { + "name": "Image1", + "parent":"Background", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/3WE54zp.png", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"Animation", + "properties": [ + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0", + "duration": 0, + "delay": 0 + }, + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0.7", + "duration": 2.5, + "delay": 0.5, + "repeat": -1, + "repeatDelay": 5.0, + }, + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0.0", + "duration": 2.5, + "delay": 4.5, + "repeat": -1, + "repeatDelay": 5.0, + }, + { + "trigger" : "OnCreate", + "type": "Scale", + "to": "1.45 1.45", + "duration": 0.05, + "delay": 0.0, + "repeat": 0 + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "-0.2 -0.1", + "duration": 0.0, + "delay": 0.1, + "repeat": 0 + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "-0.4 -0.2", + "duration": 0, + "delay": 7.0, + "repeat": -1, + "repeatDelay": 7.5, + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "0.4 0.2", + "duration": 7.0, + "delay": 0.5, + "repeat": -1, + "repeatDelay": 0.5, + }, + { + "trigger" : "OnCreate", + "type": "Rotate", + "to": "0 0 0", + "duration": 0, + "delay": 7.0, + "repeat": -1, + "repeatDelay": 7.5, + }, + { + "trigger" : "OnCreate", + "type": "Rotate", + "to": "0 0 30", + "duration": 7.0, + "delay": 0.5, + "repeat": -1, + "repeatDelay": 0.5, + } + ] + } + ] + }, + { + "name": "Image2", + "parent":"Background", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/3WE54zp.png", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"Animation", + "properties": [ + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0", + "duration": 0, + "delay": 0 + }, + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0.7", + "duration": 2.5, + "delay": 1.0, + "repeat": -1, + "repeatDelay": 12.0, + }, + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0.0", + "duration": 2.5, + "delay": 10.5, + "repeat": -1, + "repeatDelay": 12.0, + }, + { + "trigger" : "OnCreate", + "type": "Scale", + "to": "1.25 1.25", + "duration": 0.05, + "delay": 0.0, + "repeat": 0 + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "-0.1 -0.1", + "duration": 0.0, + "delay": 0.1, + "repeat": 0 + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "-0.2 -0.2", + "duration": 0, + "delay": 14.5, + "repeat": -1, + "repeatDelay": 14.5, + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "0.2 0.2", + "duration": 14.0, + "delay": 0.5, + "repeat": -1, + "repeatDelay": 0.5, + }, + ] + } + ] + }, + { + "name": "Image3", + "parent":"Background", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/dnw34TV.png", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"Animation", + "properties": [ + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0", + "duration": 0, + "delay": 0 + }, + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0.7", + "duration": 2.5, + "delay": 3.5, + "repeat": -1, + "repeatDelay": 9.0, + }, + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0.0", + "duration": 2.5, + "delay": 10.0, + "repeat": -1, + "repeatDelay": 9.0, + } + ] + } + ] + }, + { + "name": "Image4", + "parent":"Background", + "components": + [ + { + "type":"UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/GTjhKO6.png", + }, + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type":"Animation", + "properties": [ + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0", + "duration": 0, + "delay": 0 + }, + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0.7", + "duration": 2.5, + "delay": 2.5, + "repeat": -1, + "repeatDelay": 5.0, + }, + { + "trigger" : "OnCreate", + "type": "Opacity", + "to": "0.0", + "duration": 2.5, + "delay": 6.5, + "repeat": -1, + "repeatDelay": 5.0, + }, + { + "trigger" : "OnCreate", + "type": "Scale", + "to": "1.45 1.45", + "duration": 0.05, + "delay": 0.0, + "repeat": 0 + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "-0.2 -0.1", + "duration": 0.0, + "delay": 0.1, + "repeat": 0 + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "-0.4 -0.2", + "duration": 0, + "delay": 9.0, + "repeat": -1, + "repeatDelay": 7.5, + }, + { + "trigger" : "OnCreate", + "type": "Translate", + "to": "0.4 0.2", + "duration": 7.0, + "delay": 2.5, + "repeat": -1, + "repeatDelay": 0.5, + }, + { + "trigger" : "OnCreate", + "type": "Rotate", + "to": "0 0 0", + "duration": 0, + "delay": 9.0, + "repeat": -1, + "repeatDelay": 7.5, + }, + { + "trigger" : "OnCreate", + "type": "Rotate", + "to": "0 0 30", + "duration": 14.5, + "delay": 2.5, + "repeat": -1, + "repeatDelay": 0.5, + } + ] + } + ] + }, + { + "parent": "UI", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Choose your Class", + "fontSize":44, + "align": "MiddleCenter" + }, + { + "type":"RectTransform", + "anchormin": "0.07 0.75", + "anchormax": "0.93 0.95" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.6", + "distance": "2 2" + } + ] + }, + { + "name": "Cards", + "parent":"UI", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0.07 0.1", + "anchormax": "0.93 0.9" + }, + { + "type": "Animation", + "properties": [ + { + "type": "MoveTo", + "to": "1.07 1.1 1.93 1.9" + }, + { + "type": "MoveTo", + "delay": 1.4, + "to": "0.07 0.1 0.93 0.9" + } + ] + } + ] + }, + { + "name": "Card1", + "parent":"Cards", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0.5 0", + "anchormax": "0.5 0", + "offsetmin": "-572 40", + "offsetmax": "-100 472" + }, + { + "type": "Animation", + "mouseTarget": "CardBody1", + "properties": [ + { + "type": "Rotate", + "to": "3 10 10" + }, + { + "type": "Translate", + "to": "-0.02 -0.2" + }, + { + "type": "Rotate", + "delay": 2.0, + "duration": 0.6, + "easing": ".06 .77 .3 .94", + "to": "0 0 0" + }, + { + "type": "Translate", + "to": "0.02 0.2", + "delay": 2.0, + "duration": 0.7, + "easing": ".06 .77 .3 .94" + }, + { + "type": "Scale", + "delay": 2.0, + "duration": 0.6, + "easing": ".06 .77 .3 .94", + "to": "1.1 1.1" + }, + { + "type": "Scale", + "delay": 2.53, + "duration": 0.38, + "easing": "0.05 0.95 0.7 1", + "to": "1 1" + }, + { + "trigger": "OnHoverEnter", + "type": "Scale", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "1.06 1.06" + }, + { + "trigger": "OnHoverEnter", + "type": "Rotate", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "0 0 3" + }, + { + "trigger": "OnHoverExit", + "type": "Scale", + "delay": 0.1, + "duration": 0.2, + "easing": "0.05 0.95 0.7 1", + "to": "1 1" + }, + { + "trigger": "OnHoverExit", + "type": "Rotate", + "delay": 0.1, + "duration": 0.2, + "easing": "0.05 0.95 0.7 1", + "to": "0 0 0" + } + ] + } + ] + }, + { + "name": "CardBackground1", + "parent":"Card1", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/DH0Bn6c.png" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 2.0, + "duration": 0.4, + "to": "1.0" + }, + { + "type": "Opacity", + "delay": 2.5, + "duration": 2.0, + "to": "0.2", + "repeat": -1, + "repeatDelay": 3.0 + }, + { + "type": "Opacity", + "delay": 4.5, + "duration": 3.0, + "to": "1.0", + "repeat": -1, + "repeatDelay": 3.0 + } + ] + } + ] + }, + { + "name": "CardBackgroundHover1", + "parent":"Card1", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/DH0Bn6c.png" + }, + { + "type": "Animation", + "mouseTarget": "CardBody1", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnHoverEnter", + "type": "Opacity", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "2.0" + }, + { + "trigger": "OnHoverExit", + "type": "Opacity", + "delay": 0.1, + "duration": 0.2, + "to": "0" + }, + ] + } + ] + }, + { + "name": "CardBody1", + "parent":"Card1", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0.5 0.5", + "anchormax": "0.5 0.5", + "offsetmin": "-149 -184", + "offsetmax": "149 184" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/NHO2yEy.png" + }, + { + "type": "UnityEngine.UI.Mask" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 2.0, + "duration": 0.6, + "to": "1.0" + } + ] + } + ] + }, + { + "name": "CardBodyHover1", + "parent":"CardBody1", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "color": "0.1 0.075 0 0.3" + }, + { + "type": "Animation", + "mouseTarget": "CardBody1", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnHoverEnter", + "type": "Opacity", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Opacity", + "delay": 0.1, + "duration": 0.2, + "to": "0" + } + ] + } + ] + }, + { + "name": "CardBodyText1", + "parent":"CardBody1", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type": "UnityEngine.UI.Text", + "text": "Assasin", + "fontSize":44, + "align": "MiddleCenter" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.08", + "distance": "2 2" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.04", + "distance": "4 4" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.02", + "distance": "6 6" + }, + { + "type": "Animation", + "mouseTarget": "CardBody1", + "properties": [ + { + "trigger": "OnHoverEnter", + "type": "MoveTo", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "from": "0.3 -1 1.3 1", + "to": "0 0 1 1" + }, + { + "trigger": "OnHoverEnter", + "type": "Scale", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "from": "0 0", + "to": "1.1 1.1" + }, + { + "trigger": "OnHoverExit", + "type": "MoveTo", + "delay": 0.1, + "duration": 0.2, + "to": "0 -1 1 0" + } + ] + } + ] + }, + { + "name": "Card2", + "parent":"Cards", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0.5 0", + "anchormax": "0.5 0", + "offsetmin": "-236 40", + "offsetmax": "236 472" + }, + { + "type": "Animation", + "mouseTarget": "CardBody2", + "properties": [ + { + "type": "Rotate", + "to": "3 10 10" + }, + { + "type": "Translate", + "to": "-0.02 -0.2" + }, + { + "type": "Rotate", + "delay": 2.5, + "duration": 0.6, + "easing": ".06 .77 .3 .94", + "to": "0 0 0" + }, + { + "type": "Translate", + "to": "0.02 0.2", + "delay": 2.5, + "duration": 0.7, + "easing": ".06 .77 .3 .94" + }, + { + "type": "Scale", + "delay": 2.5, + "duration": 0.6, + "easing": ".06 .77 .3 .94", + "to": "1.1 1.1" + }, + { + "type": "Scale", + "delay": 3.03, + "duration": 0.38, + "easing": "0.05 0.95 0.7 1", + "to": "1 1" + }, + { + "trigger": "OnHoverEnter", + "type": "Scale", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "1.06 1.06" + }, + { + "trigger": "OnHoverEnter", + "type": "Rotate", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "0 0 3" + }, + { + "trigger": "OnHoverExit", + "type": "Scale", + "delay": 0.1, + "duration": 0.2, + "easing": "0.05 0.95 0.7 1", + "to": "1 1" + }, + { + "trigger": "OnHoverExit", + "type": "Rotate", + "delay": 0.1, + "duration": 0.2, + "easing": "0.05 0.95 0.7 1", + "to": "0 0 0" + } + ] + } + ] + }, + { + "name": "CardBackground2", + "parent":"Card2", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/DH0Bn6c.png" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 2.5, + "duration": 0.4, + "to": "1.0" + }, + { + "type": "Opacity", + "delay": 3.0, + "duration": 2.0, + "to": "0.2", + "repeat": -1, + "repeatDelay": 3.0 + }, + { + "type": "Opacity", + "delay": 5.0, + "duration": 3.0, + "to": "1.0", + "repeat": -1, + "repeatDelay": 3.0 + } + ] + } + ] + }, + { + "name": "CardBackgroundHover2", + "parent":"Card2", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/DH0Bn6c.png" + }, + { + "type": "Animation", + "mouseTarget": "CardBody2", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnHoverEnter", + "type": "Opacity", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "2.0" + }, + { + "trigger": "OnHoverExit", + "type": "Opacity", + "delay": 0.1, + "duration": 0.2, + "to": "0" + }, + ] + } + ] + }, + { + "name": "CardBody2", + "parent":"Card2", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0.5 0.5", + "anchormax": "0.5 0.5", + "offsetmin": "-149 -184", + "offsetmax": "149 184" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/Rgw0z8R.png" + }, + { + "type": "UnityEngine.UI.Mask" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 2.5, + "duration": 0.6, + "to": "1.0" + } + ] + } + ] + }, + { + "name": "CardBodyHover2", + "parent":"CardBody2", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "color": "0.1 0.075 0 0.3" + }, + { + "type": "Animation", + "mouseTarget": "CardBody2", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnHoverEnter", + "type": "Opacity", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Opacity", + "delay": 0.1, + "duration": 0.2, + "to": "0" + } + ] + } + ] + }, + { + "name": "CardBodyText2", + "parent":"CardBody2", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type": "UnityEngine.UI.Text", + "text": "Sniper", + "fontSize":44, + "align": "MiddleCenter" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.08", + "distance": "2 2" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.04", + "distance": "4 4" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.02", + "distance": "6 6" + }, + { + "type": "Animation", + "mouseTarget": "CardBody2", + "properties": [ + { + "trigger": "OnHoverEnter", + "type": "MoveTo", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "from": "0.3 -1 1.3 1", + "to": "0 0 1 1" + }, + { + "trigger": "OnHoverEnter", + "type": "Scale", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "from": "0 0", + "to": "1.1 1.1" + }, + { + "trigger": "OnHoverExit", + "type": "MoveTo", + "delay": 0.1, + "duration": 0.2, + "to": "0 -1 1 0" + } + ] + } + ] + }, + { + "name": "Card3", + "parent":"Cards", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0.5 0", + "anchormax": "0.5 0", + "offsetmin": "100 40", + "offsetmax": "572 472" + }, + { + "type": "Animation", + "mouseTarget": "CardBody3", + "properties": [ + { + "type": "Rotate", + "to": "3 10 10" + }, + { + "type": "Translate", + "to": "-0.02 -0.2" + }, + { + "type": "Rotate", + "delay": 3.0, + "duration": 0.6, + "easing": ".06 .77 .3 .94", + "to": "0 0 0" + }, + { + "type": "Translate", + "to": "0.02 0.2", + "delay": 3.0, + "duration": 0.7, + "easing": ".06 .77 .3 .94" + }, + { + "type": "Scale", + "delay": 3.0, + "duration": 0.6, + "easing": ".06 .77 .3 .94", + "to": "1.1 1.1" + }, + { + "type": "Scale", + "delay": 3.53, + "duration": 0.38, + "easing": "0.05 0.95 0.7 1", + "to": "1 1" + }, + { + "trigger": "OnHoverEnter", + "type": "Scale", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "1.06 1.06" + }, + { + "trigger": "OnHoverEnter", + "type": "Rotate", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "0 0 3" + }, + { + "trigger": "OnHoverExit", + "type": "Scale", + "delay": 0.1, + "duration": 0.2, + "easing": "0.05 0.95 0.7 1", + "to": "1 1" + }, + { + "trigger": "OnHoverExit", + "type": "Rotate", + "delay": 0.1, + "duration": 0.2, + "easing": "0.05 0.95 0.7 1", + "to": "0 0 0" + } + ] + } + ] + }, + { + "name": "CardBackground3", + "parent":"Card3", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/DH0Bn6c.png" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 3.0, + "duration": 0.4, + "to": "1.0" + }, + { + "type": "Opacity", + "delay": 3.5, + "duration": 2.0, + "to": "0.2", + "repeat": -1, + "repeatDelay": 3.0 + }, + { + "type": "Opacity", + "delay": 5.5, + "duration": 3.0, + "to": "1.0", + "repeat": -1, + "repeatDelay": 3.0 + } + ] + } + ] + }, + { + "name": "CardBackgroundHover3", + "parent":"Card3", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/DH0Bn6c.png" + }, + { + "type": "Animation", + "mouseTarget": "CardBody3", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnHoverEnter", + "type": "Opacity", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "2.0" + }, + { + "trigger": "OnHoverExit", + "type": "Opacity", + "delay": 0.1, + "duration": 0.2, + "to": "0" + }, + ] + } + ] + }, + { + "name": "CardBody3", + "parent":"Card3", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0.5 0.5", + "anchormax": "0.5 0.5", + "offsetmin": "-149 -184", + "offsetmax": "149 184" + }, + { + "type": "UnityEngine.UI.RawImage", + "url": "https://i.imgur.com/XGAEmHd.png" + }, + { + "type": "UnityEngine.UI.Mask" + }, + { + "type": "Animation", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "type": "Opacity", + "delay": 3.0, + "duration": 0.6, + "to": "1.0" + } + ] + } + ] + }, + { + "name": "CardBodyHover3", + "parent":"CardBody3", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 0", + "anchormax": "1 1" + }, + { + "type": "UnityEngine.UI.RawImage", + "color": "0.1 0.075 0 0.3" + }, + { + "type": "Animation", + "mouseTarget": "CardBody3", + "properties": [ + { + "type": "Opacity", + "to": "0.0" + }, + { + "trigger": "OnHoverEnter", + "type": "Opacity", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "to": "1.0" + }, + { + "trigger": "OnHoverExit", + "type": "Opacity", + "delay": 0.1, + "duration": 0.2, + "to": "0" + } + ] + } + ] + }, + { + "name": "CardBodyText3", + "parent":"CardBody3", + "components": + [ + { + "type":"RectTransform", + "anchormin": "0 -1", + "anchormax": "1 0" + }, + { + "type": "UnityEngine.UI.Text", + "text": "Tank", + "fontSize":44, + "align": "MiddleCenter" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.08", + "distance": "2 2" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.04", + "distance": "4 4" + }, + { + "type": "UnityEngine.UI.Outline", + "color": "0.0 0 0 0.02", + "distance": "6 6" + }, + { + "type": "Animation", + "mouseTarget": "CardBody3", + "properties": [ + { + "trigger": "OnHoverEnter", + "type": "MoveTo", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "from": "0.3 -1 1.3 1", + "to": "0 0 1 1" + }, + { + "trigger": "OnHoverEnter", + "type": "Scale", + "delay": 0, + "duration": 0.2, + "easing": "0 1.45 0.6 1", + "from": "0 0", + "to": "1.1 1.1" + }, + { + "trigger": "OnHoverExit", + "type": "MoveTo", + "delay": 0.1, + "duration": 0.2, + "to": "0 -1 1 0" + } + ] + } + ] + }, + { + "name": "Button88", + "parent": "UI", + "components": + [ + { + "type":"UnityEngine.UI.Button", + "close":"UI", + "command":"cui.endtest", + "color": "0.9 0.8 0.3 0.02" + }, + { + "type":"RectTransform", + "anchormin": "0.0 0.0", + "anchormax": "0.1 0.07" + } + ] + }, + { + "parent": "Button88", + "components": + [ + { + "type":"UnityEngine.UI.Text", + "text":"Kill UI", + "fontSize":16, + "align": "MiddleCenter" + } + ] + } +]