Conversion tools

ImageConverter.html

The ImageConverter is used to convert graphics into PLC code. The *.html must be opened in the browser.

Conversion tools 1:Fig.168: Image-Pixel-Converter

In the tool there is a link “Pixel Image Editor” to the free editor “Piskel” to create pixel graphics and animations. The graphics created here or existing graphics can then be chosen using the "Choose Files" button. Typical image formats are supported. Make sure that the graphic has the same resolution as the pixel matrix, otherwise the complete graphic will not be displayed. The graphic should not exceed the resolution of the pixel matrix; smaller images can be used without restriction.

After uploading the selected file, a text file (*.txt) is automatically downloaded. The file contains PLC variable definitions (width and height of the graphic, value of the individual pixels) that must be included in the PLC project. This can be done, for example, by copying the content into a GVL. The "M_DrawImage" method can then be used to display the graphic on the matrix by assigning the addresses of the copied variables to the input pointers of the method.

Conversion tools 2:Fig.169: Generated text file Image-Pixel-Converter

FontConverter.html

The FontConverter is used to convert fonts into PLC code. The *.html must be opened in the browser.

Conversion tools 3:Fig.170: Font-Pixel-Converter

In the tool there is a link "Example Fonts" to a Github directory that contains fonts in the *.h file format in various font sizes and designs (bold, italic). The text from the *.h file must then be copied and pasted into the "Enter your font here" text field on the *.html page. A text file (*.txt) is downloaded via the "Convert" button. This file contains PLC variable definitions that must be included in FB_Pixel_LED under VAR CONSTANT for the "Font Definiton".

Conversion tools 4:Fig.162: PLC variable definitions

The "Font Editor" link opens a free online tool for creating your own fonts. The output here is also a text in *.h format. The same procedure must be followed for the conversion.

Conversion tools 5:Fig.172: Generated text file Font-Pixel-Converter