microsoft / pxt-arcade

Arcade game editor based on Microsoft MakeCode
https://arcade.makecode.com
MIT License
478 stars 207 forks source link

Need new icons for arcade PWA #4355

Closed abchatra closed 2 years ago

abchatra commented 2 years ago

PWA requires following size icons to publish which shows up in the task bar

image

512x512.png 256x256.png maskable-icon-640x640.png 384x384.png 192x192.png

I am using existing icons from here (named android-chrome-...) https://github.com/microsoft/pxt-arcade/tree/master/docs/static/icons

However would like to get a new set of icons as these black and white doesn't pop out.

soniakandah commented 2 years ago

@abchatra do you want the arcade logo or the makecode logo?

abchatra commented 2 years ago

This is for MakeCode Arcade app. So ideally Arcade logo.

soniakandah commented 2 years ago

How's this? (I've added all the sizes in the attached zip file) 256 Arcade-Icons.zip

abchatra commented 2 years ago

Looks great. I will update and let you know.

abchatra commented 2 years ago

@soniakandah these are one pixel higher. Is this expected? Like 192x192 is actually 193x192 in windows properties.

abchatra commented 2 years ago

@soniakandah we discussed this today and Jacqueline wants to move away from these icons and just use MakeCode purple logo as the icon. Is it possible to generate those?

soniakandah commented 2 years ago

@abchatra @Jaqster I tried to follow the guidelines here (https://docs.microsoft.com/en-us/windows/uwp/publish/app-screenshots-and-images#store-logos) as close as possible, so here's a zip with all the variations:

App Store Media.zip

And here's a screenshot for a quick look at all the variants. Note that many of the images have content that is not centered, and this is because there will be an overlay on the bottom of the image, and so the content has been shifted up slightly.

image

abchatra commented 2 years ago

These look AMAZING!!!! Thanks so much Sonia. I will update and let you know.

abchatra commented 2 years ago

@soniakandah Box art needs to be 1080x1080 and yours is slightly off by 1 and the store doesn't accept it. Similarly poster art9_16 needs to be exact

image image

abchatra commented 2 years ago

Featured promotional art also needs exact size. image

abchatra commented 2 years ago

If it is easier, we can sync together and upload and try.

soniakandah commented 2 years ago

I wonder why it exported a pixel off, let me try one more time and I'll verify the sizes

soniakandah commented 2 years ago

App Store Logos - Sizes Fixed.zip

Give these a try!

abchatra commented 2 years ago

@soniakandah everything worked except 9:16 poster art. This needs to be 720x1080 or 1440x2160

abchatra commented 2 years ago
image
BeckHaru commented 2 years ago

@abchatra Please include me in art requests in the future so I can track the work items and be looped in. Thank you!

abchatra commented 2 years ago

@BeckHaru Do you want the issues assigned to you as well?

BeckHaru commented 2 years ago

@abchatra not sure, I don't think so. I just want to be aware of the work. For example, I thought some of the art above could show the block editor and focus less on the simulator hardware, and more on the games. It's just a general art direction checkpoint that I'd like for all outgoing assets. :)

abchatra commented 2 years ago

I will assign to you and Sonia both in the future.