Screen Editor
The Screen Editor is a visual workspace for building custom game screens. Use it to design game interfaces without laying everything out by hand in screen code.
What You Can Build
- Custom main menus and pause menus
- HUD overlays for stats, quests, or status info
- Inventory and backpack screens
- Character status panels
- Settings menus and special option screens
- Unique interface screens for your game mechanics
Core Elements
You can combine common interface pieces such as:
- Text for labels, titles, and instructions
- Buttons for choices and actions
- Images for icons, backgrounds, and illustrations
- Bars for health, energy, progress, or affection
- Grids for item layouts and menu structures
- Viewports for scrollable areas
- Frames for grouping and styling content
INFO
The Screen Editor is especially useful when the default interface is not enough for your project. If your story includes custom systems, this is where you can build the screens that support them.
How to Use It
- Open the Screen Editor from the tools area.
- Start from a blank screen or choose a template.
- Drag and drop elements onto the canvas.
- Adjust text, images, spacing, alignment, and behavior in the property panel.
- Preview the screen in real time as you work.
- Export the result as screen code when you are ready.
When to Use the Screen Editor
- You want a custom menu style instead of the default look.
- Your game needs an inventory, map, codex, or stats screen.
- You are adding special mechanics that require their own interface.
- You want to prototype UI ideas visually before putting them into the game.
TIP
Start with a template, then customize one part at a time. Small, gradual changes are the easiest way to build a polished screen.
Helpful Tips
- Build the layout first, then refine colors and spacing.
- Test buttons and scrolling areas early.
- Keep important actions easy to find.
- Reuse styles across screens to make your UI feel consistent.