U8g2 Layout Tool
Import
Export
Fonts:
0
Images:
0
Copy
Global Settings
Y Ref:
Top
Bottom
Screen Colour:
VFD Green
OLED Blue
OLED Yellow
OLED Green
White
Screen Resolution (px):
⇄
Diagonal Size (inches):
SVG Export
Background Colour:
Transparent Background
Export SVG
Text Properties
Text:
Font:
Direction:
0°
90°
180°
270°
X:
Y:
Responsive
String Name (used for width calculation):
Show Box
Box Gap:
Image Properties
XBMP:
X:
Y:
Layout Elements
+ Text
+ Image
U8g2 Font Library
Save & Close
const uint8_t ptv_numbers[142] U8G2_FONT_SECTION("ptv_numbers") = "\13\0\3\2\3\3\2\3\4\5\7\0\0\7\0\7\0\0\0\0\0\0q\60\14\275\364,\231\264$\223" "\226,\0\61\6\272\334,=\62\12\275\364,Y\230\265\15\2\63\12\275t\14Z\65\325\222\5\64\14\275" "\364eRRJ\6-L\0\65\12\275t\34\207\64\324\222\5\66\14\275tIY\70$\231\226,\0\67" "\11\275t\14b\326X\3\70\14\275\364,\231\226,\231\226,\0\71\14\275\364,\231\226\14a\26I\0" ":\6\331f$\1\0\0\0\4\377\377\0"; const uint8_t ptv_numbers2x[246] U8G2_FONT_SECTION("ptv_numbers2x") = "\15\0\4\3\4\4\3\4\5\14\16\0\0\16\0\16\0\0\0\0\0\0\331.\6\42D\12\4/\17\252" "V\217\312\4\305\4\305\4\305\4\5\1\60\25\352D.F&b\214\234\210\220\210\30\31\221\221\211\30\231" "\0\61\12\344D+\42\7#\372\17\62\24\352D.F&bd\202\312\4\305\4\305\4\305\16\16\14\63" "\24\352D\16\17\314\4\305\4E\5E\5\311\310D\214L\0\64\25\352Dn\202b\214D\204D\24\211" "\10\211\34\34\230\11j\2\65\24\352D\16\37\4\12\36\204\34\204\12*$#\23\61\62\1\66\25\352D" "NdD\202b\202\202\7!\7!b\234\211\30\231\0\67\20\352D\16\17\14\225\11\212\11\212\11\352\31" "\0\70\22\352D.F&b\234\211\30\231\210q&bd\2\71\24\352D.F&b\234\211\34\204\34" "\4*\23\24\42#\2:\7bf\14D\4\0\0\0\4\377\377\0"; const uint8_t ptv_numbers3x[259] U8G2_FONT_SECTION("ptv_numbers3x") = "\14\0\4\4\4\5\3\4\6\17\25\0\0\25\0\25\0\0\0\0\0\0\346.\6\63\210&$\60\32_" "\211\362$\313f\244\315r\63\306\314\30\63c\222ef\322\312\61\311\262\1\61\14V\211\351L\363\300\314" "\374\377\0\62\26_\211\362$\313f\244\225\203g\71x\312\301S\16\236\362\301\7\63\31_\211\62\374r" "\360\224\203\247\7\60xz\0\203\7\233\264rL\262l\0\64\34_\211r\16\236\322fc\206\215\31\66" "f\262\61\303\306\14\33\363\340\313\301\363\6\0\65\26_\211\62\374`\360\304l\270\7\60x\216MZ\71" "&Y\66\0\66\26_\211\262\231\264l\360\224\203'f\303\315H{\71&Y\66\0\67\21_\211\62\374" "x\226\203\247\34<\345\340\371K\0\70\25_\211\362$\313f\244\275\34\223,\233\221\366rL\262l\0" "\71\24_\211\362$\313f\244\275\34\303\343Y\16\236\314\244e\0:\7\223\356,\244L\0\0\0\4\377" "\377\0"; const uint8_t ptv_main[593] U8G2_FONT_SECTION("ptv_main") = "B\0\2\2\3\3\1\3\4\5\7\0\0\7\0\7\0\0\223\1i\2\64 \4@.&\12}z\262" "\252\253$\243\12(\7{\262\251\254\13)\10{\62\271\254J\0*\10\355\272U\265\232\21.\5I*" "\1/\10\355\372(w#\0\60\10|v*z&\5\61\7{rIv\15\62\11|v*\346\330\36" "\1\63\13|\66#\326(#\231\24\0\64\12|\266Qu\215\230\23\0\65\12|\66Co\224eR\0" "\66\12|v*\352\25eR\0\67\10|\66#\307\272\11\70\12|v*\312\244\242L\12\71\11|v" "*\312\264c\11:\5Y+)A\11|v*\232c\312\0B\12|\66+\312\221\242\34\11C\11|" "v*\352fR\0D\10|\66+z\216\4E\11|\66C\347\225\363\10F\11|\66C\347\225k\0" "G\11|v*\352\64e\32H\10|\66\321\34\323\14I\7{\62+v\15J\10|v\63\267\312\10" "K\12|\66Q%\231e*\3L\7{\62\261\347\0M\12}:y\255\244\222\266\3N\12}:Y" "O\225\344\326\1O\10|v*z&\5P\11|\66+\312\221r\15R\12|\66+\312\221d*\3" "S\12|v*j\244\221L\12T\7{\62+\366\2U\10|\66\321gR\0V\10}:\331;\325" "\21W\12}:\331\225TR]\0Y\13}:\331NuF\31E\0Z\12}:C\243\334\215\206\0" "a\11lv\32\245\21\323\0b\11|\66\71\257h\216\4c\6kr\263\26d\11|\366\325\210fR" "\0e\11lv*\216\224\221\2f\11|\266*\216\224\233\0g\11lv#\246\235\24\0h\10|\66" "\271J\246\31i\10{r\31\311\326\0j\11{\262\31\311\250*\0k\11|\66\271TI\246\62l\7" "{\62\262\327\0m\12m:\252\245\222J\252\0n\10l\66)\231f\0o\10lv*\232I\1p" "\11l\66+\216\224\63\0r\10l\66i\304\134\3s\11lv##\215F\2t\10{r\61\255X" "\7u\7l\66\321\245\12v\10m:\331Nu\4w\10m:\331J\252\13x\10m:\71\325U\35" "y\11l\66Q\246\235\24\0\0\0\0\4\377\377\0"; const uint8_t ptv_main2x[980] U8G2_FONT_SECTION("ptv_main2x") = "B\0\3\3\4\4\1\4\5\12\16\0\0\16\0\16\0\1\11\2n\3\267 \5\0\321\2&\31\352\221" "\213LT\22\212\24Eb\71D,\22\221DD\221PH\22\221\4(\15\346\21SI(\22\352Y(" "\26\12)\17\346\21C(\26\212\205z\22\212\204B\0*\23\252\225S\16\21\212D$%\243I\211\244" "(\207\10\1.\6\42\221\202\0/\24\252\225\37\42\207\210\345\20\261\34\42\226C\304r\210\34\2\60\15" "\350Q\213H\22\362\37ED\22\0\61\13\346\21K(b\324\237\16\5\62\22\350Q\213H\22\22\305\212" "b\241X(\26\37\16\2\63\24\350Q\343A(\26\212\345\20\261\34\42&\22ED\22\0\64\17\350Q" "S,d\322\237\16\7\241X\23\0\65\21\350Q\343\201,\66\331!be\42QD$\1\66\20\350Q" "\213H\22\62\213M&!G\21\221\4\67\15\350Q\343A\254(\26\212\365#\0\70\21\350Q\213H\22" "r\24\21IB\216\42\42\11\0\71\20\350Q\213H\22r\24\71+\212\205b!\0:\6b\231\202H" "A\15\350Q\213H\22\362\361p\60r\24B\21\350Q\303d\22r<\204LB\216\207\220\11\0C\16" "\350Q\213H\22\62\353#QD$\1D\15\350Q\303d\22\362\37\17!\23\0E\16\350Q\343\201\254" "\331d\22k>\34\4F\15\350Q\343\201\254\331d\22\353\31\0G\15\350Q\213H\22\62+\71r\24" "\71H\14\350QC\310\307\303\301\310G\1I\13\346\21\343P\22\352\237\16\5J\14\350Q\313Q\254\237" "t\24\13\1K\21\350QC\310\244\211H\24\213\211D\221\216D\1L\11\346\21C\250\377\361PM\23" "\352\221CL\66\35B&\21ID\22\221Dd>\13N\20\352\221C\314\331h$\211H\42\242\63g" "\1O\15\350Q\213H\22\362\37ED\22\0P\16\350Q\303d\22r<\204Lb=\3R\21\350Q" "\303d\22r<\204LD\242HG\242\0S\23\350Q\213H\22\62\313!D:DL$\212\210$\0" "T\12\346\21\343P\22\352\177\2U\13\350QC\310\377QD$\1V\17\352\221C\314\177\26)\212\304" "r\210\20\0W\24\352\221C\314O\42\222\210$\42\211H\42\222\216\42\21\0Y\25\352\221C\314g\221" "\242H,\207\310!r\210\34\42\207\10\1Z\30\352\221\343\301\16\221C\304r\210X\16\21\313!b\71" "D\16\71\34\14a\16\250Q\213H\207\210E\246C\220(rb\16\350QC\254\331d\22\362\361\20\62" "\1c\12\246\21\213d\324\63\211\0d\15\350Q['\323!\310G\21\221\4e\20\250Q\213H\22\22" "\17!\223X\16!\222\0f\15\350Q\223I,<\34Db\375\10g\16\250Q\313t\10\22E\316J" "D\22\0h\15\350QC\254\223&\222\211\310G\1i\14\346\21K(\207\223\210\372t(j\16\346\21" "S\35N\42j$\221\24E\0k\17\350QC\254#\223&\42Q\244#Q\0l\12\346\21\203D\324" "\177:\24m\25\252\221\203$\42i\42\211H\42\222\210$\42\211H\42\222\2n\14\250QC\244\211d" "\42\362Q\0o\14\250Q\213H\22\362QD$\1p\16\250Q\303d\22\22\17!\223X\63\0r\14" "\250QCd:\4\211b=\3s\20\250Q\313t\10\313!D:D|\10\231\0t\14\346\21K\250" "\351P\22\352Y(u\12\250QC\310O&\222\16v\16\252\221C\314g\221\242H,\207\10\1w\20" "\252\221C\314\223\210$\42\211H:\212D\0x\22\252\221CL\26)\212\304r\210X$\24)\223\5" "y\14\250QC\310Q\344\254D$\1\0\0\0\4\377\377\0"; const uint8_t ptv_main3x[1214] U8G2_FONT_SECTION("ptv_main3x") = "B\0\4\4\4\5\1\4\6\17\25\0\0\25\0\25\0\1K\3\0\4\241 \5\0b\12&)_\243" "<&-\233f\330\230ac&\33\63l\314\310\301S\216\31cf\214\231\61\306\306\14\33\63l\230\231" "\61f\306\230\31(\21Y#k\263\31\66\315\260\371\313aS\16\233\0)\23Y#\13\303\246\34\66\345" "\260\371\233a\323\14\233\14\0*\32\377\256l\203'\33\63\306\314\30\63\323$\313f\32\63c\314L\66" "x\62\0.\6\63\242\11\11/\21\377\256\314\263\34<\345\340)\7O\71xb\0\60\20\134\343;\306" "\254\31f\377\237\215\61f\15\0\61\15Y#;\303\246\261\331\374\337<`\62\27\134\343;\306\254\31f" "\331\310\231\215\234l\344d#\247|\360\300\0\63\30\134\343\13\37\30\33\71\331\310\211GN
v\22\377\242\14#\355/\307L\66f\330\230\221\203'\3w\32\377\242\14#\355\233\61f\306\230\31" "cf\214\231\61f\346l\314\260\61c\0x\32\377\242\14#\255\34\63\331\230acF\16\236r\314\260" "\61\303\306Li\345\0y\17\374\342\13\303\354\331\230\134\316\306\230\65\0\0\0\0\4\377\377\0"; const uint8_t ptv_main4x[1467] U8G2_FONT_SECTION("ptv_main4x") = "B\0\5\4\5\5\1\5\6\24\34\0\0\34\0\34\0\1\212\3\240\5\236 \5\0\204,&:\224\207" "\70A\14\207(B\20!\4\21B\20!\24\42\204 B\10\42\204\60\2i\214\20B\20!\4\21B" "\20!\4!B\10\42\204 B\10\42\10\21B\20!\4\21B\20!(\23\214\207\60\242#\4\321\10" "A\364\77F\20\215\21D\3)\25\214\207\60 \210\306\10\242\61\202\350\177\204 \32!\210\206\0*\42" "\224\246\70\42\220\206\10!\4\21B\20!\4\21\212\60\304#\24A\204\20D\10A\204B\4\322\20\0" ".\10\204\204(x \0/\23\224\246\70\244c\4\322\30\201\64F \215\21H\203\0\60\22\220\207\64" "A\10G\10\302\377\377!B\20\302\21\0\61\21\214\207\60!\210F\360\20\375\377\221\7>\60\0\62\32" "\220\207\64A\10G\10\302!\302\350\20a\64D\30\15\21Fc\17\374\0\1\63\33\220\207\64\370\3\4" "\21FC\204\321 a\64H\30\305\20\302!B\20\302\21\0\64\25\220\207\64\42\214\206\360\10\375\377\221" "\7~\200 \302\350G\0\65\27\220\207\64\370\3\210\321\30#
\60\0J\21\220\207\64\341C\204\321\377\217\320\37\42\214\206\0K\30" "\220\207\64 \10\217\320\217 \204C\204\321\30B\70D\10\375!\34\42L\16\214\207\60 \210\376\377\177" "\350\201\17\14M*\224\207\70 \14\307\30y \220\7\2y \20F\10A\204\20D\10A\204\20D" "\10A\204\20D\10A\204\20\304\360\177\214\0N\33\224\207\70 \14\177\214!\36B\204\20D\10A\204" "\20D\10A\210\217\341\217\21O\22\220\207\64A\10G\10\302\377\377!B\20\302\21\0P\24\220\207\64" "`\204G\10\302\37z \20\36!\214\376\307\0R\30\220\207\64`\204G\10\302\37z \20\36A\10" "\207\10\241\77\204C\4S\32\220\207\64A\10G\10\302c\64\210\20\16\22F\61\204p\210\20\204p\4" "\0T\16\214\207\60\370\201A\10\242\377\377\37\1U\20\220\207\64 \10\377\377\177\210\20\204p\4\0V" "\30\224\207\70 \14\377\377\307\10\241\20!\4\21B\20!\204\21HC\0W/\224\207\70 \14\377\217" "\20\202\10!\210\20\202\10!\210\20\202\10!\210\20\202\10!\210\20\202\10!\210\20\202\10\35\42\204 " "B\10\42\204\20\0Y\30\224\207\70 \14\377\307\10\241\20!\4\21B\20!\204\21H\377C\0Z\31" "\224\207\70\370\7\12\244c\4\322\30\201\64F \215\21H\203\17\374\201\2a\23\220\206\64A\10\7\11" "\243\21\36y \34\42\204\17b\24\220\207\64 \214~\214\21\36!\10\377\207\36\10\204G\0c\15" "\214\206\60\301\21\206\350\177\14\21\34d\23\220\207\64\243\77\302#\17\4\204\377C\204 \204#\0e\25" "\220\206\64A\10G\10\302\241\7\2\341\21\302h\20!\34\1f\23\220\207\64\302#\204\321\320\3\77@" "\10a\364\377C\0g\23\220\206\64\341\221\7\2\302!B\370\30\35A\10G\0h\22\220\207\64 \214" "\376\10\375\10\42<\202\20\376\17\21i\22\214\207\60!\210\366AE\4\207\350\377\310\3\37\30j\24\214" "\207\60\242\373\240\42\202C\364C\210\340\10\205h\4\0k\25\220\207\64 \214\376\20\36\241\37A\10\207" "\10\241\77\204C\4l\17\214\207\60@\4\207\350\377\377\310\3\37\30m\65\224\206\70@\204\20D\10A" "\204\20Dh\4\21B\20!\4\21B\20!\4\21B\20!\4\21B\20!\4\21B\20!\4\21B" "\20!\4\21B\20!\4\21\12n\20\220\206\64 \204~\4\21\36A\10\377\207\10o\21\220\206\64A" "\10G\10\302\377!B\20\302\21\0p\23\220\206\64`\204G\10\302\241\7\2\341\21\302\350\307\0r\21" "\220\206\64 \204G\36\10\10\207\10\243\377\61\0s\25\220\206\64\341\221\7\2\243A\204p\220\60\212=" "\20\10\217\0t\23\214\207\60!\210~\344\201\17\14B\20\375\217\21D\3u\16\220\206\64 \10\377\217" "\360\10\42\364\7v\27\224\206\70 \14\377\307\10\241\20!\4\21B\20!\204\21HC\0w$\224\206" "\70 \14\377\10!\210\20\202\10!\210\20\202\10!\210\20\202\10!\210\320!B\10\42\204 B\10\1" "x\42\224\206\70 \14\307\10\241\20!\4\21B\20!\204\21Hc\204\20D\10A\204\20D\10\305p" "\214\0y\21\220\206\64 \10\177\210\20>FG\20\302\21\0\0\0\0\4\377\377\0";
U8g2 XBMP Image Library
Save & Close
#define tree_width 15 #define tree_height 16 static unsigned char tree_bits[] = { 0x80,0x80,0xc0,0x81,0xe0,0x83,0xf0,0x87,0xf8,0x8f,0xfc,0x9f, 0xe0,0x83,0xf0,0x87,0xf8,0x8f,0xfc,0x9f,0xfc,0x9f,0xfe,0xbf, 0xff,0xff,0xc0,0x81,0xc0,0x81,0xc0,0x81};