https://gsplay.genomestudios.ca/tags/buttons/Recent content in Buttons on GS_Play Gameplay FrameworkHugoen-ushttps://gsplay.genomestudios.ca/docs/framework/ui/ui_interaction/button/Mon, 01 Jan 0001 00:00:00 +0000https://gsplay.genomestudios.ca/docs/framework/ui/ui_interaction/button/<p>GS_ButtonComponent is an enhanced button that extends O3DE&rsquo;s LyShine interactable system with <a href="../../ui_animation/">UiAnimationMotion</a> support. Instead of relying on LyShine&rsquo;s built-in state sprites or color transitions, GS_ButtonComponent plays data-driven motion assets for hover, unhover, and select states, giving you full control over animated button feedback using the same animation system that drives page transitions.</p> <p>The component attaches to any entity that already has a LyShine interactable (e.g. <code>UiButtonComponent</code>). It listens for LyShine interactable notifications and triggers the appropriate motion asset when the interactable state changes.</p>https://gsplay.genomestudios.ca/docs/framework/ui/ui_interaction/Mon, 01 Jan 0001 00:00:00 +0000https://gsplay.genomestudios.ca/docs/framework/ui/ui_interaction/<p>UI Interaction covers the two systems that handle player input at the UI layer: the enhanced button component that plays motion-based animations on hover and select, and the input interceptor that captures and routes input events while a canvas is focused.</p> <p>For usage guides and setup examples, see <a href="../../../the_basics/ui/ui_interaction/">The Basics: GS_UI</a>.</p> <p> </p> <h2 id="contents">Contents</h2> <ul> <li><a href="#button">Button</a></li> <li><a href="#ui-input">UI Input</a></li> <li><a href="#see-also">See Also</a></li> </ul> <hr> <h2 id="button">Button</h2> <p>An enhanced button component that extends LyShine interactable behavior with motion-driven hover and select state animations. Attach alongside a <code>UiButtonComponent</code> and assign <code>.uiam</code> assets for hover, unhover, and select states.</p>https://gsplay.genomestudios.ca/docs/the_basics/ui/ui_interaction/Mon, 01 Jan 0001 00:00:00 +0000https://gsplay.genomestudios.ca/docs/the_basics/ui/ui_interaction/<p>UI Interaction covers two systems that handle player input at the UI layer: enhanced buttons with motion-based hover and select animations, and the input interceptor that captures input events while a canvas is focused.</p> <p>For component properties and the full API, see the <a href="../../../framework/ui/ui_interaction/">Framework API reference</a>.</p> <p> </p> <h2 id="contents">Contents</h2> <ul> <li><a href="#buttons">Buttons</a></li> <li><a href="#input-interception">Input Interception</a></li> <li><a href="#integration">Integration</a></li> <li><a href="#glossary">Glossary</a></li> <li><a href="#see-also">See Also</a></li> </ul> <hr> <h2 id="buttons">Buttons</h2> <p><img src="https://gsplay.genomestudios.ca/images/ui/ButtonComponent.png" alt="GS_ButtonComponent in the O3DE Inspector"></p> <p><code>GS_ButtonComponent</code> extends LyShine&rsquo;s interactable system with <a href="../ui_animation/">UiAnimationMotion</a> support. When the player hovers over a button (mouse or gamepad navigation), a configurable animation plays. When the button is selected, a separate animation fires. Both animations use <code>.uiam</code> assets, giving full control over position, scale, rotation, alpha, and color transitions.</p>