classes/class_touchscreenbutton

[giscus[bot]]

classes/class_touchscreenbutton

Inherits: Node2D< CanvasItem< Node< Object Button for touch screen devices for gameplay use. Description: TouchScreenButton allows you to create on-screen buttons for touch devices. It's intended f...

https://docs.godotengine.org/en/stable/classes/class_touchscreenbutton.html

[lukky-dev]

"Unlike with Control nodes, you cannot set anchors on it."

In case you do want to anchor the touchscreenbutton to anything other then the top left corner of the screen you can make the node a child of a Control node that has it's anchors set.

I spend some time scratching my head on how to make right handed touchscreenbuttons responsive, hope this saves you some time!

[joseolinda]

Thanks! You help a lot!

[Keyvan-Rostyslav]

Hello, Can you send a screenshot of how you did it?

[Calinou]

This is what they mean:

Note that you must set the TouchscreenContainer nodes' custom minimum size to match the texture size of their TouchScreenButton children. Otherwise, anchors and containers won't work as expected and the buttons will overlap.

[JEnriquezG88]

You're a hero.

[JimmyCushnie]

"Unlike with Control nodes, you cannot set anchors on it."

Besides the solution shared by @lukky-dev, you can also intercept the touch events directly. Here's a c# example:

using Godot;

public partial class TouchButton : Control
{
    public override void _Input(InputEvent @event)
    {
        switch (@event)
        {
            case InputEventScreenTouch touchEvent:
                if (GetGlobalRect().HasPoint(touchEvent.Position))
                {
                    if (touchEvent.Pressed)
                        GD.Print($"touched down!");
                    else
                        GD.Print($"touched up!");

                    GetViewport().SetInputAsHandled();
                }
                break;

            case InputEventScreenDrag dragEvent:
                if (GetGlobalRect().HasPoint(dragEvent.Position))
                {
                    GD.Print($"dragged!");
                    GetViewport().SetInputAsHandled();
                }
                break;
        }
    }
}

[andOlga]

Actions can be handled with InputEventAction.

They don't have to be, though. Handling them via the Input singleton works fine too (with functions like Input.is_action_just_pressed()).

[superknight845-creator]

What does mean "action" in its property's?

[Calinou]

The action property is the name of the input action that is emitted when the button is pressed. For example, if you have an action called jump in your Project Settings' input map tab, you should set the action property to jump.