...
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
In order to To achieve your mobile configuration, it will require making modifications to both your Control Panel Config and Unreal Engine (UE) Project. |
Prepare to execute instructions
| Info |
|---|
For this document, you should :
|
Instructions
1. Modifications
...
from the Control Panel Config
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Enable this featureto receive Touch commands on Mobile devices Fake Mouse with Touches |
2. Modifications
...
from the Unreal Engine (UE) Project
Instructions
Unreal Project Setup
| Tip |
|---|
This Guide shows how to setup project for Mobile and Desktop Devices both while using Eagle Pixel Streaming. |
Creating Cursor UMG
...
Create Widget Blurprint
2.1. UE Project Setup
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Follow these instructions to setup your Project for both Mobile and Desktop. |
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
...
...
5
...
. Set the created Cursor Widget under Software cursors
...
6. Go to
...
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Project Settings ->Plugins->PixelStreaming >Engine->User Interface |
6. Set
...
Pixel Streamer Default Cursor Class Name to
...
‘DefaultCursor’
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Project Settings ->Plugins->Pixel Streaming |
...
7. Set the Show Mouse Cursor in Player Controller to TRUE
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
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)
2.
...
In
...
Touch Interface, set :
| Panel | ||||||
|---|---|---|---|---|---|---|
|
...
Active Opacity = 0.8 |
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
This will hide the Interface |
...
used on PC and make it visible on Mobile devices. |
...
Go to
...
3. Set the created Interface under Default Touch Interface
...
Set Always Show Touch Interface to True (Checked).
...
Setting Inputs
...
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Go to : Project Settings->Engine->Inputs. |
4. Enable ‘Always Show Touch Interface’
...
5. Set the Parameters as follow
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Go to : Project Settings-> Inputs > 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 here : |
Was this article helpful? Comment Below. Let us know your feedback.
...
Need help? Contact Support
...