Eagle 3D Streaming

Touch Components for Mobile Devices

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

To achieve 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 should :

  1. Access the Control Panel.

  2. Enable the Pixel Streaming plugin https://eagle3dstreaming.atlassian.net/wiki/spaces/docs/pages/229834773

  3. Package your App https://eagle3dstreaming.atlassian.net/wiki/spaces/docs/pages/228065557

  4. Upload your App https://eagle3dstreaming.atlassian.net/wiki/spaces/docs/pages/1638401

  5. Select an App from Step 1 in the Control Panel

  6. Select/Create a Config

Instructions

1. Modifications from the Control Panel Config

Enable this feature to receive Touch commands on Mobile devices

2. Modifications from the Unreal Engine (UE) Project

2.1. UE Project Setup

Step 1. Create a Cursor UMG

1. Create a Widget Blueprint

2. Add to the Canvas with a small size as a cursor (example 20×20)

3. Set the image Alpha to Zero

4. This will act as an invisible Cursor and it will be hidden behind the Browser Cursor during the Pixel Streaming

Image 1. Create a Cursor UMG

5. Set the created Cursor Widget under Software cursors

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

Image 2. Create a Cursor UMG : Set a Pixel Streamer Default Cursor

7. Set the Show Mouse Cursor in Player Controller to TRUE

2.2. Touch Interface Setup (Optional)

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

2. In Touch Interface, set :

 

3. Set the created Interface under Default Touch Interface

4. Enable ‘Always Show Touch Interface’

5. Set the Parameters as follow

 

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

Page Feedback Form

Need help? Contact Support

If you still need help, contact support to get your issue resolved quickly.

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.

Eagle 3D Streaming