...
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #F4F5F7 |
|---|
|
To achieve your mobile configuration will require making modifications to both your Control Panel Config and Unreal Engine (UE) Project. |
| Info |
|---|
For this document, you should : Access the Control Panel. Enable the Pixel Streaming plugin Enable the Pixel Streaming plugin Package your App Package your Project from Unreal Engine Upload your App Upload an App on your Control Panel Select an App from Step 1 in the Control Panel Select an App Select/Create a Config Select/Create a Config
|
Instructions
1. Modifications from the Control Panel Config
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #F4F5F7 |
|---|
|
Enable this featureto receive Touch commands on Mobile devices Fake Mouse with Touches |
2. Modifications from the Unreal Engine (UE) Project
2.1. UE Project Setup
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #E6FCFF |
|---|
|
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
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #E6FCFF |
|---|
|
Project Settings ->Engine->User Interface |
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #E6FCFF |
|---|
|
Project Settings ->Plugins->Pixel Streaming |
...
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #E6FCFF |
|---|
|
In Level Blueprint (or as per project). |
...
| 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 |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #E6FCFF |
|---|
|
Active Opacity = 0.8
Inactive Opacity = 0 |
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #F4F5F7 |
|---|
|
This will hide the Interface used on PC and make it visible on Mobile devices. |
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #E6FCFF |
|---|
|
Go to : Project Settings->Engine->Inputs. |
4. Enable ‘Always Show Touch Interface’
...
5. Set the Parameters as follow
| Panel |
|---|
| panelIconId | atlassian-info |
|---|
| panelIcon | :info: |
|---|
| bgColor | #E6FCFF |
|---|
|
Go to : Project Settings-> Inputs > Enter the Parameters values below. |
...
| Info |
|---|
The next step will be to PackageandUploadyour Appon the Control Panel. |
Was this article helpful? Comment Below. Let us know your feedback.
Need help? Contact Support
If you still need help, contact support to get your issue resolved quickly.
...