Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions editor/events/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,12 @@ Rive supports three types of Events:
</Step>
</Steps>

<Tip>
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)
</Tip>


## Signaling an Event

Expand Down
6 changes: 6 additions & 0 deletions editor/fundamentals/groups.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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.

<Tip>
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)
</Tip>

<Card title="Constraints" icon={<svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-500/80 dark:text-gray-400" aria-hidden="true"><path fill="currentColor" d="M7.31 7.111 2.406 5.15l4.61-1.844.328-.126a2.3 2.3 0 0 1 1.647 0l.33.126L13.93 5.15 9.024 7.112c-.55.22-1.163.22-1.712 0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2.405 10.911 4.906 1.963c.55.22 1.162.22 1.712 0l4.906-1.963M2.405 8.031 7.31 9.992c.55.22 1.162.22 1.712 0l4.906-1.963M2.405 5.15 7.31 7.111c.55.22 1.162.22 1.712 0l4.906-1.962-4.61-1.844-.329-.126a2.3 2.3 0 0 0-1.647 0l-.329.126z"></path></svg>} iconType="solid" href="/editor/constraints/">
Constraints are a way to control the properties of an object through another target object. Some constraints can set limits on these properties (and their hierarchical relationships), while others can copy properties from one object to another.
</Card>
1 change: 1 addition & 0 deletions editor/interface-overview/toolbar.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
7 changes: 7 additions & 0 deletions editor/layouts/layouts-overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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.

<YouTube id="_dE4ndRZB6U" />

<Tip>
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)
</Tip>

6 changes: 6 additions & 0 deletions editor/manipulating-shapes/bones.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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/)

<Tip>
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)
</Tip>

## 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.
Expand Down
8 changes: 7 additions & 1 deletion editor/manipulating-shapes/joysticks.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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)

<Tip>
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)
</Tip>

## Joystick Properties

With the Joystick selected, you’ll see a number of properties that you can use in the Inspector.
Expand Down Expand Up @@ -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**

Expand Down
6 changes: 6 additions & 0 deletions editor/text/text-modifiers.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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)

<Tip>
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)
</Tip>

#### Opacity

The Opacity value controls the opacity of text within the modifier group's range.
Expand Down
Binary file added images/editor/interface/toggle-show-bones.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/editor/interface/toggle-show-layouts.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.