Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Learn how to make your UE App able to receive inputs from mobile devices. Panel

panelIconIdatlassian-info
panelIcon:info:
bgColor#F4F5F7
To achieve

Overview

Achieving your mobile configuration will require making modifications to both your Control Panel Config and Unreal Engine (UE) Project.

Prepare to execute instructions

...

For this document, you need :

...

Instructions

1. Modifications from the Control Panel

...

Enable the Pixel Streaming plugin.

...

Package your App.

...

At least one uploaded application.

...

Config

To receive Touch commands on Mobile devices, you should enable the Config Feature from the Control Panel.

Instructions

1. Modifications from the Control Panel Config

Panel

panelIconIdatlassian-info
panelIcon:info:
bgColor#F4F5F7
Check this document and enable this feature to receive Touch commands on Mobile devices If you are using :

Old Control Panel : Enable ‘Fake Mouse with Touches’ Config. Refer to this document.

New Control Panel : Enable ‘Mobile Touch’ Config. Refer to this document.

2. Modifications from the Unreal Engine (UE) Project

2.1. UE Project Setup

...

...

Follow

...

the instructions below to setup your Project for both Mobile and Desktop.

Step 1. Create a Cursor UMG

...

6. Set Pixel Streamer Default Cursor Class Name to ‘DefaultCursor’DefaultCursor

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

Project Settings ->Plugins->Pixel Streaming

...

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

In Level Blueprint (or as per project).

2.2. Touch Interface Setup (Optional)

Note

This allows you to enable Joystick Controls in your App for Mobile devices.

1. Create Touch Interface (or Copy from the Engine)

...

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

Go to : Project Settings->Engine->InputsInput.

4. Enable ‘Always Show Touch Interface’ image-20240308-081232.pngImage RemovedAlways Show Touch Interface

Info

Edit > Project Settings > Input > Mobile > Always Show Touch Interface.

image-20240821-163230.pngImage Added

5. Set the Parameters as follow

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

Go to : Project Settings-> Inputs Input > Enter the Parameters values below.

...

Info

The next step will be to PackageandUploadyour Appon the Control Panel.

Info

The source code of the steps showed in this tutorial are is here.

...

Was this article helpful? Comment Below. Let us know your feedback.

Need help? Contact Support

...

Submit a new request at E3DS support portal or send an Email at support@eagle3dstreaming.com.Seek advice. Connect with others. Share your experiences. Join our lively Community Forum today.

Requests sent on weekends will not be addressed until the following business day.