Eagle 3D Streaming

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 30 Current »

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

Overview

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

Instructions

1. Modifications from the Control Panel Config

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

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.

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.

  1. Set the created Cursor Widget under Software cursors

Navigate to: Project Settings >Engine>User Interface.

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

Navigate to: Project Settings >Plugins>Pixel Streaming.

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

In Level Blueprint (or as per project).

2.2. Touch Interface Setup (Optional)

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

Follow the steps below:

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

  2. In Touch Interface, set :

  • Active Opacity = 0.8

  • Inactive Opacity = 0

This will hide the Interface used on PC and make it visible on Mobile devices.

  1. Set the created Interface under Default Touch Interface

Navigate to : Project Settings>Engine>Input.

  1. Enable ‘Always Show Touch Interface’

Follow this path: Edit > Project Settings > Input > Mobile > Always Show Touch Interface.

image-20240821-163230.png

  1. Set the Parameters as follow

Navigate to : Project Settings> Engine > Input > Enter the Parameters values below.

The next step will be to Package and Upload your app on the Control Panel.

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

Need help? Contact Support

Submit a new request at E3DS support portal.

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

  • No labels

Eagle 3D Streaming