Web page interface

When the rendering has started, the user can interact with the app natively with mouse and keyboard (partial implementation) or can send specific JSON RPC messages using the area on the right.

The text area under the rendering viewport will display the JSON RPC response and notifications sent by the app.

Start the connection

• Press the Connect button to start the connection. The page will start with the automatically set streaming port.

  

Device

Allows selection of the size to apply to the size fields and to the app, from a list of predefined values corresponding to common deployment targets.

• Select an entry in the list to apply the corresponding size to the width and height fields.

• The special value Auto automatically sets the size to match the available space in the browser app view.

• The special value Custom is intended to be selected when entering custom values in the size fields (the Device selection is automatically switched to Custom when a custom value is entered in a size field).

Size

Clicking on a number in this menu entry enables editing of the number. It is possible to enter custom values to apply to the width and height of the app.

Width and height are subject to the following constraints:

• The maximum value for both fields is 9999.

• The minimum value for width is 200; the minimum value for height is 100.

• Width cannot be greater than height × 16.

• Height cannot be greater than width × 8.

When entering a custom value in a size field the Device selection is automatically switched to Custom.

Scale

Allows setting the scale used to display the app. Selectable values range from 100% to 10%.

The special value Fit scales the app view so that it fits within the available space in the browser app view.

Fit has no effect when the selected Device is Auto (since the app is already fitted to the container in this case), and it only takes effect when using fixed sizes, either custom values or ones selected from the Device list.

Orientation

Allows specifying the orientation of the view as either Landscape or Portrait.

Throttling

Allows specifying an artificial latency applied to user interactions with the app. The latency can be set up to 1000 ms (1 second).

Save Preset

Allows saving the current settings as a Preset. Presets are saved in the app’s local storage and can be reused across different sessions.

Options

Opens the Options modal, which contains the two sections:

• Presets

• Settings

Options > Presets

The Presets tab displays a list of saved presets. Clicking a preset name expands the corresponding row to display the settings saved in that preset. After selecting a preset by clicking on the corresponding radiobutton, it is possible to apply it or delete it

• Clicking Apply applies the selected preset's settings to the current instance of the app.

• Clicking Delete shows a confirmation popup. If confirmed, the preset is deleted and the presets list is refreshed.

  
  
  

Options > Settings

The Settings tab contains the following options:

• Show FPS

  Selecting the Show FPS checkbox displays an overlay in the app showing the Render FPS and Game FPS values, updated live.

• Theme

  Allows switching between the two currently available themes: Dark (default) and Light.

• Limit mouse move events

  Limits the mouse move events sent to the engine via socket to 35 per second.