Editor Preview

The editor preview of the map, 'i came to drop bombs' by JonesReal within the HTML5-based Bonk.io.

The editor preview of the map, 'i came to drop bombs' by JonesReal within the former Flash-based Bonk.io.

The **Editor Preview** is a feature in both the former Flash-based and current HTML5-based Bonk.io's, that is within the Level Editor. It allows for players to see their Map while making it, and to make adjustments while doing so.

## **How To Use (HTML5-based Bonk.io)**

### The Overhead Bar

Undo/ Redo Icon - Allows for players to undo or to redo a certain change that they've made within a map.

Gear Icon - Allows for players to access the Map Properties which shows up on the Properties Panel section of the Level Editor.

Grid Icon - Allows for players to enable/disable the overlay of a grid pattern on top of the Map Thumbnail.

Default Size Icon - Allows for players to return the Map Thumbnail to the dimensions that will be played in-game.

Enlarge/Shrink Icons - Allows for players to enlarge or shrink of what is visible within the Map Thumbnail.

Start & Stop Icon - Allows for players to see what the map will appear following the spawning of players within the map. When pressed again, it will reset back to the Map Thumbnail.

Game Icon - Allows for players to directly start the game from the Level Editor, along with any other players that are outside of spectate within the Custom Game room.

### Map Thumbnail

A thumbnail of the map, where the player can see the map while working on it. The contents of the thumbnail can be dragged around, where a yellow outline border is outlining where the visible section of the map in-game will be.

### Editor Info box

A section within the Editor Preview which provides information about whichever item a player's cursor was last on top of within the Editor Properties. Directly above it, is the physical shape count of the map, where it provides an estimate of how laggy the map may be, considered with the count of physical shapes.

### Finalization Options

Below the Info box, are the 3 buttons, being 'New', 'Load', and 'Save' which finalize the work on a map.

The button 'New' allows for a player to empty a map completely, deleting all of its contents. The map isn't deleted with this option, but removes any changes that were made from the last save, unless it wasn't saved already. In this case, the map would be gone. Due to this, the game warns if the player is sure, requiring for them to press it again before the change is made.

The button 'Load' allows for a player to load a new map, which places the Level Select on top of the Editor. Once a player chooses a map from the Level Select, the Editor changes to the map chosen. However, this ends up doing the same as the 'New' button, in terms of what happens which the map that was there once the changes are made.

The button 'Save' allows for a player to save their map, and takes them to the Save Map feature, which is placed on top of the Editor.

## **Differences from the Flash-based Bonk.io**

**Unavailable Features-**

The Undo/Redo, Grid Icon, Default Size, Enlarge/Shrink, Start & Stop, and the Game Icons.

**Changed Features-**

 The gear icon is a button called the 'Map Settings' within the Flash-based Bonk.io, and is placed directly below the map thumbnail.

The physical shape counter is directly above the map thumbnail within the Flash-based Bonk.io, rather than below it.