Live Edit
Last updated
Last updated
The Live Edit feature in FlatRedBall enables making a change to your game when in edit mode and applying those changes without restarting your application. It enables a variety of types of editing, and this list is continually growing.
To enable Live Edit in your game:
Click the Editor Settings button. This brings up the Editor Settings tab
Check the option to Enable Live Edit
Once this option is checked, FlatRedBall generates the necessary code to enable Live Edit in your game. This includes a connection between the FlatRedBall Editor and your game, using the port specified in the Port Number text box. Usually you do not need to change this port, but it can be changed if it conflicts with other applications. Once Live Edit is enabled, you can run your game and enable live edit in a number of ways.
Run in Edit Mode - You can directly launch your game by clicking the Run in Edit Mode button
Alternatively, you can launch your game in the FRB Editor...
... and then switch to edit mode
Run your game in Visual Studio. FRB automatically detects when the game is running and displays the edit mode button. You can run your game in edit mode even if you didn't launch it through FRB
As shown above, you can tell that your game is in edit mode if it displays a grid. You can switch between Edit and Play mode anytime by toggling the play and edit buttons.
If in edit mode, the selected level displays in the game. You can change selections and the game will switch what is displayed in realtime.
Select a Screen (or Level)
Select an entity to view it in game. The game creates a preview screen allowing you to view and edit the entity by itself.
Select an object in a Screen or Entity to highlight it
Select a state to preview it
States can also be previewed by selecting a state in the StateData editor grid to preview it as well
Select an object in a screen by clicking on it in game and it will select in the tree view
Double-click to punch through and select overlapping objects
The Camera in Edit mode can be controlled using the following methods:
Hold the middle mouse button to pan
Hold the CTRL key and press the arrow keys. Holding the arrow keys will continue to pan.
Push+hold the left mouse button and move to the edge of the screen
Scroll the mouse wheel to zoom in and out
Hold the CTRL key and press + or - to zoom in and out
Changes in FlatRedBall immediately apply if the game is in edit mode. The following edits are supported in Live Edit:
Change a value (such as X or Y) in the Variables tab to see the change in your game
Push+drag to move objects in the game - the variables will update automatically in Glue to match the new position
Drag objects to the edge of the screen to pan the camera if they need to be placed off screen
Multiple objects can be selected and moved at once by holding down the CTRL key and clicking each object
Pushing the left mouse button in a blank space and dragging results in a rectangle which can be used to select multiple objects
Math operations can be used to change numerical values
Along with primitive types (such as numerical values), states can also be set on instances
Creating a new object in FlatRedBall automatically updates the game with the new object. New objects can be added to levels or entities.
New level objects can be added through the Add Object Quick Action
Glue also supports Drag+drop to add objects to a level
New objects can also be added by selecting their list and using the Quick Action button
New objects can be created by using the CTRL+C, CTR+V shortcut in game. This is especially useful when placing multiple objects in game. When pasting a grabbed object, the new object will be placed at the location of the crusor.
Objects added to Entities will automatically appear on instances of that entity
FlatRedBall supports adding files at runtime and automatically updating to changes.
New files can be added from the file system to Screens or Entities. If these files are then referenced by an object (such as a Sprite), they will be displayed in game.
External changes to files are automatically reloaded
Changes to TMX files which can create entities and collision will automatically update these objects so they can be tested immediately. For example, painting collision tiles immediately allows testing the new level without restarting.
Polygons can be edited in real time when your game is running in live edit.
Change the number of points by clicking the rectangle button or the button to create an equilateral polygon of a given number of points.
Push+drag on a point to change its position or type in a desired value by selecting the point. The selected point has an animated rectangle selector.
Reorder points by using the up and down arrow buttons.
Adjust the size of a polygon by using the scale button. X and Y scaling can be performed independently.
Points can be deleted by clicking on a particular point then pressing the delete key.
Hold the plus (+) key then click to add points to a polygon
