Thomas Linder Puls: Category

2013-06-14T09:47:34Z

Thomas Linder Puls: initial

2013-06-14T09:45:52Z

initial

New page

The Graphics Editor is a convenient tool for creating, viewing and editing icons, cursors and small bitmaps. The images can be passed to the Windows Clipboard or saved in files.

The Graphics Editor allows you to create and edit images ranging in size from 4x4 pixels to 64x64 pixels, by using either a 16-color palette or monochrome shadow palette.

The Graphics Editor is invoked from the Project window for Icons, Cursors and Bitmaps. However, when you register large bitmaps in your project, Visual Prolog will call to edit the bitmap an external editor associated in Windows for editing files with .BMP extension.

After the Graphics Editor is started, the Graphics Editor window will appear on the screen.

[[Image:Ide_GE_ProjectIcon.png|center|frame|'''Graphics editor window''']]

When you create a new image in a project, you need to specify the '''Name''' of the image, the Constant (resource ID) which will be identify the image in the project, the name of the '''File''', in which the image will be saved, its size, and how many colors it will have.

=== Graphics Editor Menus ===

When the Graphics Editor window is active, the Integrated Development Environment's menu bar displays the Graphics Editor sub-menus of the '''Resource''' menu and looks as follows:

[[Image:Ide_GE_Menu.png|center|frame|'''The Visual Prolog menu bar when the Graphics Editor is active''']]

Note that there are 2 menu items: '''Set Mirror Style''', '''Set Cursor Hotspot''' and 2 sub-menus: '''Tools''' and '''Move'''. Also some menu items under the '''Edit''' menu (like the '''Undo''', '''Redo''', '''Cut''', '''Copy''', '''Paste''') are specially tailored for the Graphics Editor, and the '''File''' menu operations refer now to the image files.

=== Creating a New Image (Bitmap, Cursor or Icon) ===

To create and register a new image (a bitmap, an icon or a cursor) in a project you need to use the '''File | New''' menu item. In the opened '''New''' dialog you should select the '''Bitmap''', the '''Icon''' or the '''Cursor''' type of creating item. Then the following dialog (in case if you have selected the '''Bitmap''') appears:

[[Image:Ide_GE_MyBitmap.png|center|frame|'''Creating a new bitmap image''']]

In this dialog you should specify the following items:

'''Name'''
:In this dialog you should type in the '''Name''' which will be associated with this image in the code generated by default. This '''Name''' should be a correct Visual Prolog name. It should be any sequence of letters, digits, and underscores, beginning with a letter. This is the name of the creating image. It appears as the names of image files in the project tree in the Project window.

'''Package'''
:With the '''Package''' selection the programmer can determine into directory of which package will be placed the image file.

=== Image Attributes Dialog ===

After you press the '''OK''' button in the '''New Bitmap''' dialog, the '''Bitmap Attributes''' dialog appears. The similar dialogs appear in case if you will create a cursor or an icon.

[[Image:Ide_GE_BitmapAttributes.png|center|frame|'''The Bitmap Attributes dialog while creation of a new bitmap''']]

After clicking the '''OK''' button the new bitmap will be created and its name will be added to the existing bitmaps for the current project.

The similar (but little simpler) dialogs appear when you create a new Icon:

[[Image:Ide_GE_IconAttributes.png|center|frame|'''The Icon Attributes dialog while creation of a new icon''']]

and a new Cursor:

[[Image:Ide_GE_CursorAttributes.png|center|frame|'''The Cursor Attributes dialog while creation of a new cursor''']]

In these dialogs you can change only the '''Constant''' attribute. The attributes '''Name''' and '''File''' are generated automatically and cannot be changed by the programmer.

'''Name'''
:This is the '''Name''' which was specified for the image in the previous '''New''' dialog. It cannot be changed here.

'''File'''
:Here you will see the name of file, with the path relative to the project root directory, in which the image will be stored. This filename is generated automatically by the IDE and cannot be changed.

'''Constant'''
:The constant is used to identify the image in your program. An image identifier must be unique throughout the project.
: You can either input it directly from the keyboard or allow the IDE to create a default value.

:The default values for constants are:

{|{{prettytable}} width="75%"
|-
! Image Type
! Constant
|-
| ''Bitmap''
| '''''idb_bitmap_name'''''
|-
| ''Icon''
| '''''idi_icon_name'''''
|-
| ''Cursor''
| '''''idc_cursor_name'''''
|}

:Constant must be either legal symbolic constant name (for example, '''''idb_mybitmap''''') or an integer. The IDE automatically places the symbolic identifier into the '''ResourceIdentifiers.i''' file and generates an integer value for it. The Graphics Editor automatically concatenates a sequence number if the project already has an image with the same name.

:In case of Icons and Cursors this is the only attribute which can be edited in this dialog.

In case when you create a new bitmap, you can specify several additional attributes:

'''Width and Height'''
:Defines the Width and Height of the bitmap in pixels. The maximal possible values are 64.

:You may specify the size of the image for bitmaps only. The Graphics Editor allows you to create and edit bitmaps ranging in size from 4x4 pixels to 64x64 pixels.

:The size of icons and cursors is always 32x32.

'''Colors'''
:In this field you may specify using of either a 16-color palette or monochrome shadow palette for bitmaps and icons. Remember that for creating cursor images only 2 colors are available - the color black and transparent for background "color".

=== Editing Image Attributes ===

You can always wake up (with the '''Resource | Attribute''' task menu item or with the '''Attribute''' item from pop up menu) the '''Bitmap/Cursor/Icon Attributes''' dialog for the created bitmap, cursor or icon to view and change some image attributes.

Notice that the appeared '''Bitmap Attributes''' dialog for an existing bitmap will display less bitmap attributes then it has for created bitmaps:

[[Image:Ide_GE_ExistingBitmapAttributes.png|center|frame|'''The Bitmap Attributes dialog for an existing bitmap''']]

You see that for existing bitmap the dialog does not contain the '''Width''', '''Height''', and '''Color''' attributes.

The only image attribute that you can edit is the '''Constant'''.:

'''Constant'''
:In the '''Constant''' list edit the programmer can change the default resource constant for the image (at the picture it is '''''idb_mybitmap''''').
<noinclude>[[Category:Ide/Resource Editor]]</noinclude>
=== Graphics Editor Window ===

When the Graphics Editor is started to edit an image, the Graphics Editor window will appear on the screen:

[[Image:Ide_GE_ProjectIcon.png|center|frame|'''Graphics Editor Window''']]

The Graphics Editor window is divided into several areas. Each area is responsible for a definite function or combines a number of tools, which are associated by purpose.

==== Areas of the Graphics Editor Window ====

===== Graphics Editor Title Bar =====

The title bar of the Graphics Editor window serves to display information about the type of the image (icon, cursor or bitmap), the image size in pixels, the number of colors which are available for use, and the name of the file which is opened for the current image.

For example, the title bar '''ProjectIcon.ico Size 32*32 Colors:16''' says that:
* the type of current image is an icon;
* the size of the current image is 32*32 pixels;
* 16 colors may be used in the image;
* the name of the file, which is opened for current image, is <vp>ProjectIcon.ico</vp>.

===== Graphic Field =====

The Graphic Field is situated in the middle of the Graphics Editor window.

[[Image:Ide_GE_GraphicField.png|center|frame|'''Typical contents of the Graphic Field''']]

The Graphic Field lets you see and edit the current image in expanded mode. The Graphic Field consists of small cells, where each cell corresponds to one pixel on the actual size image. The number of cells in each horizontal row and the number of cells in each vertical column give the image size, which is displayed in the title bar of the Graphics Editor window. It is possible to turn on and off a grid in the Graphic field.

===== Image Screen =====

To the right of the {{ide|Resource Editor#Graphic Field|Graphic Field}} in the Graphics Editor window you can see the Image Screen, painted in background color. In the middle of Image Screen you can see the current image in actual size on the selected background color. By changing the background color you can see how your current image will look in various surroundings.

[[Image:Ide_GE_ImageScreen.png|center]]

'''Icon'''

Under the {{ide|Resource Editor#Graphic Field|Graphic Field}}, you can see the Icon drop-down list:

[[Image:Ide_GE_IconComboBox.png|center]]

You can choose, which of the icon images in the current file to load into the editor.

===== Move Toolbar =====
(Moving, Rotating and Flipping an Image)
To the right of the Graphic Field, under the {{ide|Resource Editor#Image Screen|Image Screen}}, you can see the Image Move toolbar:

[[Image:Ide_I06.png|center|frame|'''Image Move toolbar''']]

By clicking the appropriate button you can move, rotate or flip the current image.

{|{{prettytable}}
|-
! Button
! Button Name
! Description
|-
| [[Image:Ide_I064.png]]
| '''Shift Left'''
| Moves the image one column to the left. The left edge column crosses the left borderline of the Graphic Field and returns to the Graphic Field as the right edge column
|-
| [[Image:Ide_I063.png]]
| '''Shift Right'''
| Moves the image one pixel column to the right. The right edge column crosses the right borderline of the Graphic Field and returns to the Graphic Field as the left edge column
|-
| [[Image:Ide_I061.png]]
| '''Shift Up'''
| Moves the image one pixel row up. The top row crosses the upper borderline of the Graphic Field and returns to the Graphic Field as the bottom row
|-
| [[Image:Ide_I062.png]]
| '''Shift Down'''
| Moves the image one pixel row down. The bottom row crosses the bottom borderline of the Graphic Field and returns to the Graphic Field as the top row
|-
| [[Image:Ide_I066.png]]
| '''Rotate Left'''
| Rotates the image 90 degrees counter-clockwise around its center
|-
| [[Image:Ide_I065.png]]
| '''Rotate Right'''
| Rotates the image 90 degrees clockwise around its center
|-
| [[Image:Ide_I068.png]]
| '''Flip Horizontal'''
| Flips the image around the vertical axis
|-
| [[Image:Ide_I067.png]]
| '''Flip Vertical'''
| Flips the image around the horizontal axis
|}

Notice that the '''Resource | Move''' menu contains the same commands as the '''Image Move''' toolbar.

===== Color Palette =====

At the top of the Graphics Editor window you can see the Color Palette.

[[Image:Ide_GE_ColorPalette.png|center|frame|'''The Color Palette''']]

The Color Palette lets you choose colors for the drawing operations:

* {{ide|Resource Editor#Setting the Draw and Edit Colors|Setting the Draw and Edit Colors}}
* {{ide|Resource Editor#Setting the Background Color|Setting the Background Color}}
* {{ide|Resource Editor#Setting the Inverse (to Background) Color|Setting the Inverse (to Background) Color}}

===== Color Modes Toolbar =====

Under the {{ide|Resource Editor#Image Screen|Image Screen}} you can see the Color Modes tool box:

[[Image:Ide_I10.png|center]]
<center>'''The Color Modes toolbar'''</center>

The Color Modes tool box is used to set:

* {{ide|Resource Editor#Setting the Draw and Edit Colors|Draw and Edit colors}}
* {{ide|Resource Editor#Setting the Background Color|Background Color}}
* {{ide|Resource Editor#Setting the Inverse (to Background) Color|Inverse (to Background) Color}}

===== Draw and Edit Toolbar =====
'''Using Draw and Edit Tools'''

To the left of the Graphic Field of the Graphics Editor window you can see the Draw and Edit Toolbar. It contains the main tools for drawing and editing:

[[Image:Ide_GE_DrawEditToolbox.png|center]]
<center>'''The Draw and Edit toolbar'''</center>

The Graphics Editor provides a number of tools to make creating your image easy. The tools can be activated either from the '''Resource | Tools''' menu or from the Draw and Edit toolbar.

===== Draw and Edit Tools =====

By clicking any of the buttons in the Draw and Edit toolbar you can select the required draw or edit tool. Here are short descriptions of them:

{|{{prettytable}}
|-
! Button
! Button Name
! Description
|-
| [[Image:Ide_I15.png]]
| '''Pen'''
| The Pen tool can be used to color an individual pixel on the Graphic Field or to make a free-hand drawing.
|-
| [[Image:Ide_I16.png]]
| '''Brush'''
| The Brush tool works the same as Pen tool, except that the Brush tool leaves a larger mark than the Pen. The style of the Brush can be changed by selecting among the '''Small''', '''Big''', and '''Star''' in the '''Brush Style''' list button (in the right bottom corner of the Graphics Editor window).
|-
| [[Image:Ide_I18.png]]
| '''Eraser'''
| To erase a fragment of the image (the same as painting it with the Screen Color), you can use the Eraser Tool in the toolbar. The size of the Eraser can be changed by selecting among the '''Small''' and '''Big''' in the '''Eraser Style''' list button (in the right bottom corner of the Graphics Editor window)
|-
| [[Image:Ide_I20.png]]
| '''Color Eraser'''
| The Erase Color tool will erase cells of the selected color without changing other colors.
|-
| [[Image:Ide_I21.png]]
| '''Fill Contour'''
| The fastest way to color an area, which has an enclosed boundary, is to use the Fill Contour tool. Move the cursor into the area to be colored and click the mouse button. The interior of the bounded region will be colored.
|-
| [[Image:Ide_I26.png]]
| '''Mirror'''
| To create symmetrical images use the Mirror tool. The Mirror tool sets the points that are the reflections of the cursor trail point relative to the different axes of symmetry. To choose the appropriate axes of symmetry for the Mirror tool select the '''Resource <nowiki>|</nowiki> {{ide|Resource Editor#Mirror Style Dialog|Set Mirror Style}}''' menu command in the Task window menu.
|-
| [[Image:Ide_I22.png]]
| '''Line'''
| Selecting this button enables you to draw a line between any two points in the image.
|-
| [[Image:Ide_I23.png]]
| '''Draw Rectangle'''
| Click this button if you need a rectangle. Size the Rectangle by drawing it out with the left button held down, then release.
|-
| [[Image:Ide_I24.png]]
| '''Draw Ellipse'''
| Choose this tool if you need to draw a circle or an ellipse. Size the circle or ellipse by drawing it out with the left button held down, then release.
|-
| [[Image:Ide_I25.png]]
|'''Enter Text'''
| Click this button to insert some text in your image. Move the cursor to the position on the Graphic Field where you want to start the text and click the mouse button. You will see a text cursor, which shows you the height of the letters and digits, and the starting point for the current line of text. When you type some text, it will be drawn in the currently selected color, with the currently selected font. To select the desired font settings press '''Ctrl+F'''. While the text is still selected, it is possible to move the starting point clicking in the new position.
|-
| [[Image:Ide_I28.png]]
| '''Mark Area'''
|To mark a rectangular fragment of the image on the Graphic Field to be cut, copied or moved, click the '''Mark Area''' tool. Then move the cursor to the Graphic Field cell, which you want to be one corner of a marked rectangular area, and press and hold the mouse button. Release the mouse when the rectangle is of the appropriate size and you will see a sub-region of the image marked accordingly. You can move the marked region to another part of the Graphic Field by means of "drag and drop". Move the cursor into the marked region and press and hold the mouse button. Then, keeping the mouse button depressed, drag the marked fragment to the place of your choice and release the mouse button. Now the marked region is fixed in its new place. If you want to copy the marked region to another place, do as described under move, but hold down the '''Ctrl''' key, while pressing the mouse button in the marked region. When a region is marked:
* '''Edit|Cut''' or '''Edit|Copy''' (from the main menu, or the main IDE toolbar '''Cut''' and '''Copy''' buttons, or the standard accelerator keys '''Ctrl+X''' and '''Ctrl+C''')can be used to place it to the clipboard;
* '''Edit|Paste''' (or the '''Paste''' toolbar button or accelerator '''Ctrl+V''')can be used to scale a image from the clipboard into the region.
* The '''Paste & Scale''' tool can be used.
'''Note''' When you use '''Edit|Paste''' , the image fragment will appear in the left top corner of Graphic Field. The region may be moved to another place by the mouse.
|-
| [[Image:Ide_I29.png]]
| '''Paste & Scale in Rectangle'''
| When an image has been copied to the clipboard, this image can be pasted back into another marked area by pressing this button. This button will stay disabled until there are both an image on the clipboard, and a region has been selected.
|-
| [[Image:Ide_I30.png]]
| '''Clear Graphic Field'''
| To clear the Graphic Field, click the Clear button. The white color is used for bitmaps and transparent color is used for icons and cursors.
|-
| [[Image:Ide_I31.png]]
| '''Change a Selected Color'''
| With this button you can change all pixels that have a given color into another color. The two colors should first be set for the '''Color''' and '''Alt+Color''' selections. '''Note''' Any pixels, which were colored in background color or in "inverse" color by '''Inverse''' tool, will keep their original colors.
|-
|[[Image:Ide_I32.png]]
| '''Inverse Colors'''
| This button can be used to invert all colors on the image. In this case, any pixels, which were colored in background color or in inverse to background color, will retain their existing colors.
|-
| [[Image:Ide_I33.png]]
| '''Grid'''
| This button can be used to turn on and off a grid in the Graphic Field
|}

==== Mirror Style Dialog ====

The '''Mirror Style''' dialog is activated by the '''Resource | Set Mirror Style''' menu command in the Task window menu:

[[Image:Ide_GE_MirrorStyle.png|center]]
<center>'''The Mirror Style dialog'''</center>

The '''Mirror Style''' dialog is used to choose the appropriate axes of symmetry for the '''Mirror''' tool.

The '''Mirror''' tool [[Image:Ide_I26.png]] sets the points that are the reflections of the '''cursor ''trail'' point''' relative to the different axes of symmetry.

When you place the mouse cursor onto some point inside an edited image and click the left mouse button, then we say that you set the '''cursor ''trail'' point'''.

Using the '''Mirror''' tool, you can (by one click) set up to 8 reflections of the specified cursor ''trail'' point. A reflection point will be painted to each checked ON type of reflections. They are:

'''Main -> Trial'''
:When checked ON, then paints the clicked '''cursor ''trail'' point'''.
'''Main -> Reverse'''
:When checked ON, then paints the point opposite to the clicked cursor trail point.
'''Reflect -> Horizontal'''
:When checked ON, then paints the point, which is the horizontal reflection of the clicked cursor trail point.
'''Reflect -> Vertical'''
:When checked ON, then paints the point, which is the vertical reflection of the clicked cursor trail point.
'''Orthogonal -> Left'''
:When checked ON, then paints the point, which is 90 degrees left rotation of the clicked cursor trail point.
'''Orthogonal -> Right'''
:When checked ON, then paints the point, which is 90 degrees right rotation of the clicked cursor trail point.
'''Reflect Diagonal -> Left'''
:When checked ON, then paints the point, which is the reflection of the clicked cursor trail point relative to the diagonal line drawn from the '''left''' upper corner to the right lower corner of the image.
'''Reflect Diagonal -> Right'''
:When checked ON, then paints the point, which is the reflection of the clicked cursor trail point relative to the diagonal line drawn from the '''right''' upper corner to the left lower corner of the image.

=== Using Tools and Colors ===

==== Setting Colors ====

===== Setting the Draw and Edit Colors =====

To choose colors for the drawing and editing tools you can select one of the following four switches.

[[Image:Ide_GE_Mode_DrawColor.png|center]]
<center>'''The Color Modes toolbar with selected "color" mode'''</center>

The color of selection will be used for the drawing. It is possible to choose a new color for the active selection by a click in the {{ide|Resource Editor#Color Palette|Color Palette}}.

The '''color''' and the '''alt-color''' can be used in all drawing operations, the '''screen''' (or transparent) and '''inverse''' selections have different purposes depending on the image type.

'''Note.'''
There are 16 color fields on the {{ide|Resource Editor#Color Palette|Color Palette}}, and all of them are available for drawing and editing in the {{ide|Resource Editor#Graphic Field|Graphic Field}}.

===== Setting the Background Color =====

To see how your image looks on the different background colors or to color the image fragments in "transparent" (to let the background color show through) use the '''screen''' color selection.

[[Image:Ide_GE_Mode_BackgroundColor.png|center]]
<center>'''The "screen" mode should be used for Background color'''</center>

To change the background color, be sure that the '''screen''' switch is selected, then you can choose the background color by clicking in the {{ide|Resource Editor#Color Palette|Color Palette}}. The background color on the {{ide|Resource Editor#Image Screen|Image Screen}}, any details of the image, which were colored in (transparent) background color, and the '''screen''' indicator of '''Color Modes''' toolbar, all will change to the new color.

'''Usage of the "screen" Colors for Bitmaps, Cursors and Icons'''

{|{{prettytable}}
|-
! Image
! Screen Colors
|-
! Bitmaps
| Used to set the color of the surrounding area
|-
! Cursors and Icons
| Used to specify transparent pixels and to set the color of the surrounding area
|}

===== Setting the Inverse (to Background) Color =====

Using the inverse color is a convenient way to mark the boundary of the image or to color the details, which should be always be in contrast to any background color.

[[Image:Ide_GE_Mode_InverseBackground.png|center]]
<center>'''The "inverse" mode should be used for Inverse color'''</center>

'''Usage of the Inverse color for Bitmaps, Cursors and Icons'''

{|{{prettytable}}
|-
! Image
! Inverse Color
|-
! Bitmaps
| Cannot be used
|-
! Cursors and Icons
| Used to specify pixels that should get a color inverse of the actual background
|}

==== Understanding Colors ====

*'''Colors for Bitmaps'''

The Visual Prolog Graphics Editor can create bitmaps with either 2 or 16 colors. A pixel in a bitmap can not have the inverse and screen colors.

*'''Colors for Cursors'''

Any pixel in a cursor can have one of four color control values:

{|{{prettytable}}
|-
! Cursor
! Color Effect
|-
! Black
| Pixels will be black
|-
! White
| Pixels will be white
|-
! Inverse
| Pixels will be converted to the inverse of the original color
|-
! Screen
| Pixels will be transparent, they will just keep their old color
|}

To understand how this works, you should create a little cursor having four areas, with these four color control values. Then select the '''Resources | Tools | Test Cursor''', and study how the cursor looks.

[[Image:Ide_GE_TestCursorColors.png|center]]
<center>'''In this test cursor the left upper quoter of the cursor is painted with the "color"'''</center>
<center>'''and the left bottom quarter is painted with the "inverse"'''</center>

Place the cursor over the Grid and you will see effects of "inverse" color.

*'''Colors for Icons'''

Icons can either have 2 or 16 colors, and in addition to those, the pixels can also use the {{ide|Resource Editor#Setting the Background Color|'''screen'''}} and
{{ide|Resource Editor#Setting the Inverse (to Background) Color|'''inverse'''}} colors.

==== Cursor Handling Tools ====

'''Setting Cursor Hot Spots'''

When working with a cursor, the menu command Resource | Set Cursor Hotspot activates a dialog box:

[[Image:Ide_GE_CursorHotSpot.png|center]]
<center>'''Defining the Hotspot for a cursor'''</center>

As long as this dialog is open you can point to the pixel, which is to be the cursor Hotspot. This pixel in the cursor will determine the screen pixel which will be acted upon and which will be reported during a mouse action.

'''Testing a Cursor'''

When working with a cursor, the '''Resource | Tools | Test Cursor''' menu item allows you to see what your newly designed cursor will look like.

==== Undo / Redo Buffer ====

The Graphics Editor supports '''Edit|Undo''' and '''Edit|Redo''' operations, just as the other editors do.

← Older revision		Revision as of 11:47, 14 June 2013
Line 73:		Line 73:
	\| ''Icon''		\| ''Icon''
	\| '''''idi_icon_name'''''		\| '''''idi_icon_name'''''
	\|-		\|-
	\| ''Cursor''		\| ''Cursor''
	\| '''''idc_cursor_name'''''		\| '''''idc_cursor_name'''''
Line 108:		Line 108:
	'''Constant'''		'''Constant'''
	:In the '''Constant''' list edit the programmer can change the default resource constant for the image (at the picture it is '''''idb_mybitmap''''').		:In the '''Constant''' list edit the programmer can change the default resource constant for the image (at the picture it is '''''idb_mybitmap''''').
	~~<noinclude>[[Category:Ide/Resource Editor]]</noinclude>~~
	=== Graphics Editor Window ===		=== Graphics Editor Window ===

Line 446:		Line 446:
	*'''Colors for Icons'''		*'''Colors for Icons'''

	Icons can either have 2 or 16 colors, and in addition to those, the pixels can also use the {{ide\|Resource Editor#Setting the Background Color\|'''screen'''}} and		Icons can either have 2 or 16 colors, and in addition to those, the pixels can also use the {{ide\|Resource Editor#Setting the Background Color\|'''screen'''}} and
	{{ide\|Resource Editor#Setting the Inverse (to Background) Color\|'''inverse'''}} colors.		{{ide\|Resource Editor#Setting the Inverse (to Background) Color\|'''inverse'''}} colors.

Line 467:		Line 467:

	The Graphics Editor supports '''Edit\|Undo''' and '''Edit\|Redo''' operations, just as the other editors do.		The Graphics Editor supports '''Edit\|Undo''' and '''Edit\|Redo''' operations, just as the other editors do.

			[[Category:IDE]]

Ide/Graphics Editor - Revision history

Thomas Linder Puls: Category

Thomas Linder Puls: initial