Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
slidge:the_style_editor [2018/12/22 22:46] journeyman [Table] |
slidge:the_style_editor [2020/03/10 13:05] (current) journeyman [Table] |
||
|---|---|---|---|
| Line 2: | Line 2: | ||
| The general strategy for using the Style Editor is to select a content type, then choose appearance options or size options for that type. | The general strategy for using the Style Editor is to select a content type, then choose appearance options or size options for that type. | ||
| + | |||
| + | ^ Important tip! ^ ^ | ||
| + | | Be sure to set a **Font** in each of your text areas and label areas! If the font is not set, GameMaker will use whatever font happens to have been last used, which may vary during your game and even while using the editor! | | | ||
| {{slidge:style_editor.png}} | {{slidge:style_editor.png}} | ||
| - | ^ | **Style Content Types** | | + | ^ Interface Icons: | **Description** | |
| | {{slidge:bg_image.png|Background Image }} | If you've already created a fancy-looking graphic for your textbox, you can use that image for the background of the box. You can set Opacity for the image after you add it. | | | {{slidge:bg_image.png|Background Image }} | If you've already created a fancy-looking graphic for your textbox, you can use that image for the background of the box. You can set Opacity for the image after you add it. | | ||
| | {{slidge:shape_area.png|Background Shape }} | You can add a background shape, or toggle it off by clicking the button a second time. The background shape can be combined with a background image, used by itself, or turned off entirely. You can set the color, opacity of the shape, and change between rectangle and rounded rectangle from the settings button. The dimensions of the shame can be set using the Draw tool or the Resize tool. | | | {{slidge:shape_area.png|Background Shape }} | You can add a background shape, or toggle it off by clicking the button a second time. The background shape can be combined with a background image, used by itself, or turned off entirely. You can set the color, opacity of the shape, and change between rectangle and rounded rectangle from the settings button. The dimensions of the shame can be set using the Draw tool or the Resize tool. | | ||
| Line 13: | Line 16: | ||
| | {{slidge:label_area.png|Label Area }} | The label area provides a second text region, which is often required when adding character name labels to a text box. You can set color, opacity, font, and alignment, and you can adjust the size and position with the Draw and Resize tools. | | | {{slidge:label_area.png|Label Area }} | The label area provides a second text region, which is often required when adding character name labels to a text box. You can set color, opacity, font, and alignment, and you can adjust the size and position with the Draw and Resize tools. | | ||
| - | === Background Image === | + | **To move Background images or Icon images, hold the Control Key on your keyboard, and drag to re-position.** |
| - | {{slidge:bg_image.png }} If you've already created a fancy-looking graphic for your textbox, you can use that image for the background of the box. You can set Opacity for the image after you add it. | + | |
| - | + | ||
| - | === Background Shape === | + | |
| - | {{slidge:shape_area.png }} You can add a background shape, or toggle it off by clicking the button a second time. The background shape can be combined with a background image, used by itself, or turned off entirely. You can set the color, opacity of the shape, and change between rectangle and rounded rectangle from the settings button. The dimensions of the shame can be set using the Draw tool or the Resize tool. | + | |
| - | + | ||
| - | === Avatar Area === | + | |
| - | {{slidge:avatar_area.png }} Sometimes, you'll want to show a character picture, or similar graphic, alongside your text. The avatar area is a simply rectangular region; you'll choose what picture goes into the box as you're designing your game. You can set the opacity of the avatar, and use the Draw and Resize tools to define the area. | + | |
| + | You can move or re-position Area boxes using the Draw or Resize tools. | ||
| + | * **Draw tool** : Click once to set the upper-left corner of a region. Click a second time to define the lower-right corner. | ||
| + | * **Resize tool** : Drag the sides or corners, highlighted in green, to adjust the position of each. | ||