diff --git a/editor/events/overview.mdx b/editor/events/overview.mdx index 819b0565..1107f220 100644 --- a/editor/events/overview.mdx +++ b/editor/events/overview.mdx @@ -42,6 +42,12 @@ Rive supports three types of Events: + + If events aren't visible on the stage, open the **View Options** menu and make sure **Events** is enabled. + + ![toggle events visibility](/images/editor/interface/toggle-show-events.gif) + + ## Signaling an Event diff --git a/editor/fundamentals/groups.mdx b/editor/fundamentals/groups.mdx index 1625e633..5ac8ca53 100644 --- a/editor/fundamentals/groups.mdx +++ b/editor/fundamentals/groups.mdx @@ -29,6 +29,12 @@ The Target option draws a different icon on the Stage that is always visible, re The Target option is particularly useful when working with Constraints. + + If targets aren't visible on the stage, open the **View Options** menu and make sure **Targets** is enabled. + + ![targets bone visibility](/images/editor/interface/toggle-show-targets.gif) + + \ No newline at end of file diff --git a/editor/interface-overview/toolbar.mdx b/editor/interface-overview/toolbar.mdx index 08af44bb..67c8d1b9 100644 --- a/editor/interface-overview/toolbar.mdx +++ b/editor/interface-overview/toolbar.mdx @@ -233,6 +233,7 @@ The Modifier Range Values visualize how the range is applied using little pips b Show Final Playback automatically hides all elements and visualizations that would normally be hidden at runtime. For example, Bones and are not visible at runtime, so with this option enabled, the bones would automatically be hidden when a State Machine or Timeline plays. Disabling this option keeps things like bones visible during playback in the editor. Note that this has no effect at runtime. + ![toggle show final playback](/images/editor/interface/toggle-show-final-playback.gif) ## Export Button diff --git a/editor/layouts/layouts-overview.mdx b/editor/layouts/layouts-overview.mdx index 414fba1e..b2de22a7 100644 --- a/editor/layouts/layouts-overview.mdx +++ b/editor/layouts/layouts-overview.mdx @@ -94,3 +94,10 @@ This tutorial shows how you can build a responsive button from scratch. This tutorial explains how to build Rive files that can reposition their elements dynamically when resized. + + + If layouts aren't visible on the stage, open the **View Options** menu and make sure **Layouts** is enabled. + + ![toggle layouts visibility](/images/editor/interface/toggle-show-layouts.gif) + + diff --git a/editor/manipulating-shapes/bones.mdx b/editor/manipulating-shapes/bones.mdx index 50357d94..9883d897 100644 --- a/editor/manipulating-shapes/bones.mdx +++ b/editor/manipulating-shapes/bones.mdx @@ -20,6 +20,12 @@ To continue the chain from a different bone, first, select the joint, then conti ![Image](https://ucarecdn.com/264073a6-f9bc-4344-9474-f7d7011c5568/) + + If bones aren't visible on the stage, open the **View Options** menu and make sure **Bones** is enabled. + + ![toggle bone visibility](/images/editor/interface/toggle-show-bones.gif) + + ## Joints Joints don't exist in the hierarchy. They are controls to set up and orient bones in a chain. Moving joints change properties like length and rotation of the nearby bones. diff --git a/editor/manipulating-shapes/joysticks.mdx b/editor/manipulating-shapes/joysticks.mdx index 0043099f..5bffdf89 100644 --- a/editor/manipulating-shapes/joysticks.mdx +++ b/editor/manipulating-shapes/joysticks.mdx @@ -17,6 +17,12 @@ To create a new joystick, either find the Joystick Tool in the Stage Controls To ![New Joy](/images/editor/manipulating-shapes/NewJoy.gif) + + If joysticks aren't visible on the stage, open the **View Options** menu and make sure **Joysticks** is enabled. + + ![toggle joysticks visibility](/images/editor/interface/toggle-show-joysticks.gif) + + ## Joystick Properties With the Joystick selected, you’ll see a number of properties that you can use in the Inspector. @@ -53,7 +59,7 @@ When the timeline is assigned to the X axis of the Joystick, notice that the joy ![Use Joy](/images/editor/manipulating-shapes/UseJoy.gif) -As we move the joystick up and down, you’ll notice that the ball also moves up and down. Keep in mind that we are scrubbing through the assigned timeline. We can now use this joystick to set keys on a new timeline to create animations. +As we move the joystick up and down, you’ll notice that the ball also moves up and down. Keep in mind that we are scrubbing through the assigned timeline. We can now use this joystick to set keys on a new timeline to create animations. **Invert Toggle** diff --git a/editor/text/text-modifiers.mdx b/editor/text/text-modifiers.mdx index 6130744a..8c9beee1 100644 --- a/editor/text/text-modifiers.mdx +++ b/editor/text/text-modifiers.mdx @@ -50,6 +50,12 @@ Select a text object, then click the `+` button in the **Modifier Group**. Each ![Adding Properties](/images/editor/text/add-modifier-property.gif) + + If text modifier range or values aren't visible on the stage, open the **View Options** menu and make sure **Text Modifier Range** **Text Modifier Values** are enabled. + + ![toggle text modifier range and value visibility](/images/editor/interface/toggle-show-modifier-range-values.gif) + + #### Opacity The Opacity value controls the opacity of text within the modifier group's range. diff --git a/images/editor/interface/toggle-show-bones.gif b/images/editor/interface/toggle-show-bones.gif new file mode 100644 index 00000000..a52cddfe Binary files /dev/null and b/images/editor/interface/toggle-show-bones.gif differ diff --git a/images/editor/interface/toggle-show-events.gif b/images/editor/interface/toggle-show-events.gif new file mode 100644 index 00000000..41faa6e7 Binary files /dev/null and b/images/editor/interface/toggle-show-events.gif differ diff --git a/images/editor/interface/toggle-show-final-playback.gif b/images/editor/interface/toggle-show-final-playback.gif new file mode 100644 index 00000000..f803da85 Binary files /dev/null and b/images/editor/interface/toggle-show-final-playback.gif differ diff --git a/images/editor/interface/toggle-show-joysticks.gif b/images/editor/interface/toggle-show-joysticks.gif new file mode 100644 index 00000000..cc79793a Binary files /dev/null and b/images/editor/interface/toggle-show-joysticks.gif differ diff --git a/images/editor/interface/toggle-show-layouts.gif b/images/editor/interface/toggle-show-layouts.gif new file mode 100644 index 00000000..7349d0eb Binary files /dev/null and b/images/editor/interface/toggle-show-layouts.gif differ diff --git a/images/editor/interface/toggle-show-modifier-range-values.gif b/images/editor/interface/toggle-show-modifier-range-values.gif new file mode 100644 index 00000000..e7f8540a Binary files /dev/null and b/images/editor/interface/toggle-show-modifier-range-values.gif differ diff --git a/images/editor/interface/toggle-show-targets.gif b/images/editor/interface/toggle-show-targets.gif new file mode 100644 index 00000000..70d888ab Binary files /dev/null and b/images/editor/interface/toggle-show-targets.gif differ