Pxt-icon-editor: an extension for editing the system menu icons!

[WoofWoof]

Yup! You read that title right! Now look at my beautiful example project!

pxt-icon-editor

WoofWoofCodes/pxt-icon-editor

… is what you put in the extensions search bar to find it!
And here’s the github repo: https://github.com/WoofWoofCodes/pxt-icon-editor

This extension adds a single block, at the bottom of the Scene blocks tab, which gives you access to the system menu icons as image variables:

You can hover over the block for a reminder about the sizes of the images:

You can edit them using any of the blocks in the Images tab. Check out the example project code to see what is probably the simplest way to edit them.

I’ve wanted this ability for a while, and after looking into it it’s fairly simple to do, so I thought I would turn it into a very small extension. Now I better not see any more ruined menus after someone changes the color palette!

[redSprite]

Wowowowowowowow
This is so cool
Eventually we will be able to customize the pause menu itself, not just by images.

[AlexK]

Well, we can do that already … in JavaScript, anyway. This is, of course, begging to be combined with WoofWoof’s customizations and built into an extension!

Custom Pause Menu

[WoofWoof]

Totally possible, but I got lazy. I’ll mess with that some other day.

[WoofWoof]

Is that not already in blocks? You can change what the menu button does already, though I suppose changing the screen brightness isn’t in blocks.

[AlexK]

I’m sure we can do most of this in Blocks. I was thinking a simpler Blocks interface to add custom items to the standard pause menu.

[WoofWoof]

I mean I kinda have this working in the JavaScript extras extension. There’s a block to do it, but it’s kinda a hack job because you can’t make it exactly how the JavaScript function works with blocks. I’ll have to find some even hackier workaround that still looks sorta understandable.