-
Notifications
You must be signed in to change notification settings - Fork 324
ui_editor
rpaladin edited this page Mar 31, 2022
·
8 revisions
![](https://github.com/armory3d/armory2d/raw/master/img.jpg)
1. To launch the 2D editor go to the Properties (editor) - Scene (tab)
in Blender:
![](https://user-images.githubusercontent.com/69180012/161151188-49fd6893-af16-42f4-9704-c59a720d7bcc.png)
2. Add a new Armory Trait, type: UI
in the Armory Scene Traits
panel by clicking the +
icon-button:
![](https://user-images.githubusercontent.com/69180012/161151300-4a548b07-e45e-4dac-a962-06fff4a03ea8.png)
3. Make sure trait type: UI
is selected, then click the OK
button:
![](https://user-images.githubusercontent.com/69180012/161151399-e20c2266-559d-46a9-ba6b-357a3d80d745.png)
4. Click the New Canvas
button to create a new UI Canvas:
![](https://user-images.githubusercontent.com/69180012/161152327-40472650-44ed-4b44-bcb1-2f7f88a0667c.png)
5. Choose a name for the Canvas, then click the OK
button:
![](https://user-images.githubusercontent.com/69180012/161152785-a0a75318-350e-469f-9620-deb3e76dd0c1.png)
6. Finally, to edit or view a UI Canvas, click the Edit Canvas
button:
![](https://user-images.githubusercontent.com/69180012/161153059-41f47db5-37c3-44c2-9472-3b385d22d03f.png)
- Use the left-toolbar to create new elements:
![](https://user-images.githubusercontent.com/69180012/161150831-78a2bb1a-ca6a-4ce1-9fd7-a9231c6921b6.png)
- Select existing UI elements by
clicking
on a UI element's bounds. - Move/translate existing UI elements by
clicking + dragging
within a UI element's bounds. - Make sure to click the
Project - Save
button in the right-panel before quitting the editor in order for changes to be remembered:
![](https://user-images.githubusercontent.com/69180012/161150537-3623abb0-a851-45dd-9fa1-588f7b5a2c3d.png)