Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision |
dragengine:modules:dragonscript:canvascreators [2020/04/03 10:20] – url move dragonlord | dragengine:modules:dragonscript:canvascreators [2020/07/06 09:23] – [Canvas Creators (DragonScript Module)] dragonlord |
---|
[[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/interfaceDragengine_1_1Gui_1_1CanvasCreators_1_1CanvasCreator.html|Canvas creators]] provide support to create [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Scenery_1_1Canvas.html|Canvas]] for direct use with game elements or for GUI use with [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Widget.html|Widgets]]. The main idea behind using a canvas creator is to produce canvas properly matching a specific size with customizeable properties. The default gui system uses canvas creators to build the look of the gui widgets which supports XML gui theme building. The DragonScript module provides 3 main canvas creators which can be subclassed to implement more. | [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/interfaceDragengine_1_1Gui_1_1CanvasCreators_1_1CanvasCreator.html|Canvas creators]] provide support to create [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Scenery_1_1Canvas.html|Canvas]] for direct use with game elements or for GUI use with [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Widget.html|Widgets]]. The main idea behind using a canvas creator is to produce canvas properly matching a specific size with customizeable properties. The default gui system uses canvas creators to build the look of the gui widgets which supports XML gui theme building. The DragonScript module provides 3 main canvas creators which can be subclassed to implement more. |
| |
| Example Borders from the **DragonScript Test Project** from the [[https://github.com/LordOfDragons/deexamples|Examples Repository]]. |
| {{ :dragengine:modules:dragonscript:border_examples.png |Example Borders}} |
====== Rectangle Canvas Creator ====== | ====== Rectangle Canvas Creator ====== |
The [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1CanvasCreators_1_1RectangleCanvasCreator.html|Rectangle canvas creator]] is a very simple canvas creator producing a single [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Scenery_1_1CanvasPaint.html|paint canvas]] with a rectangle covering the entire area. | The [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1CanvasCreators_1_1RectangleCanvasCreator.html|Rectangle canvas creator]] is a very simple canvas creator producing a single [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Scenery_1_1CanvasPaint.html|paint canvas]] with a rectangle covering the entire area. |
The [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1CanvasCreators_1_1ImageBorderCanvasCreator.html|image border canvas creator]] extends the idea behind the image canvas creator by providing support to create a bordered image using up to 9 images. The images cover the center and the four sides and corners. The image below shows the layout. | The [[http://developer.dragondreams.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1CanvasCreators_1_1ImageBorderCanvasCreator.html|image border canvas creator]] extends the idea behind the image canvas creator by providing support to create a bordered image using up to 9 images. The images cover the center and the four sides and corners. The image below shows the layout. |
| |
| <WRAP group> |
| <WRAP half column> |
<WRAP center box 450px> | <WRAP center box 450px> |
{{ :dragengine:modules:dragonscript:canvascreator.png |Image border layout}} | {{ :dragengine:modules:dragonscript:canvascreator.png |Image border layout}} |
<WRAP centeralign>Image border layout.</WRAP> | <WRAP centeralign>Image border layout.</WRAP> |
| </WRAP> |
| </WRAP> |
| |
| <WRAP half column> |
| <WRAP center box 450px> |
| {{ :dragengine:modules:dragonscript:imageborderattach.png |Image border using Attachments layout}} |
| <WRAP centeralign>Image border layout using attaches.</WRAP> |
| </WRAP> |
| </WRAP> |
</WRAP> | </WRAP> |
| |