MakeCode Maker Board designer
A handy helper to integrate a new board in maker.makecode.com
preparing board.svg
-
grab the "breadboard" svg of Fritzing board image
-
resize your image (in Inkscape or other) so that a header is precisely 15px
-
(optional) remove extra components to simplify image
-
LEDs: set the id of the svg element to LED...
-
Reset button: set the id of the svg to RESETBTN
-
Pins: set the id of the svg for headers to the pin names (should be done already)
-
Touch pins: add "touch" in the inkscape label
-
Additional pin mapping like "JACK_TX", just add the pin name in the label.
boardhd.svg
- Save this file as
boardhd.svg
in your project and it to the files
list in
pxt.json
-
Keep it small!: remove extra graphical elements to shrink the size.
- Run
npm run svgo
to compress boardhd.svg into board.svg
board.json
config.ts