Edit app

The Edit app lets users edit an asset’s parameters and view the changes live. The code and type definition asset can also be edited. Users can also add an animation. There is also a monitoring system for performance and general statistics. Users can change and customise the layout.

Global controls

The global controls allow users to play/pause, stop and reload the preview. Users can also switch the app to full screen.

Layout

A layout can be selected from the layouts dropdown window. Each layout will have a certain amount of windows, which can individually be toggled on / off from the windows dropdown menu.

A window can also be closed by clicking its dedicated close button.

It can also be minimised by clicking the blank space in its header.

In order to drag or resize the window, click on the resize button. You can then drag any side to resize it, or drag the header to move it around.

Preset

This window contains an Inspector. Any change reflects instantly in the Preview (as long as the person who has coded the asset has done the necessary steps for this!). Changes can either be saved to the edited asset, or used to create a new asset.

TypeDef

This window displays the edited asset’s type definition:

  • as a table
  • as an editable JSON document
  • using an Inspector

Monitor

This window shows you the rendering speed in frames per second, the duration of the current frame and the amount of memory used by the app.

Dump to console allows developers to log to the javascript console any part of the system in the preview.

There are also statistics concerning the cached documents that have been retrieved from the cloud by the preview.

Lastly, live InputManager data is shown.

Screenshotter

This window lets users take screenshots of the preview. These screenshots can be downloaded and / or used to update the edited asset’s thumbnail.

Console

This window shows all the console messages emitted by the preview.

Graph

This is where users can create and edit the asset’s animation.