I have Officially made a website for makecode arcade!

Arcade
42

Added in 1.02.12

  • made -1 a valid input
    When youre picking the size, now you can just type in -1 to let the programme figure things out automatically. For example, say youre setting the width to 400 and the height to -1. In that case, it’ll adjust the height on its own to fit the image perfectly.
3 Likes
43

i feel like the UI isn’t very understandable?
you guys have any ideas on how i can fix that?

you can find the current website here

4 Likes
44

Why does the visits counter go up on both sides? Like “9/130” and then “10/131”?

2 Likes
45

daily/total

4 Likes
46

Added in 1.02.13

  • unBlur filter
  • deNoiser filter (just en other blur but better for removing noise)
2 Likes
47

I’m late but awesome!! : D

1 Like
48

lol, that’s fine

2 Likes
49

lol makecode does not like this

image
image291×567 49.9 KB

its hand not to get an error

3 Likes
50

Thats MAKECODE?!

1 Like
51

im remaking the ui

3 Likes
52

this is v1 of the new UI, i think i might be changing the button names cuz its like, VERY unclear what they do, if anyone has ay ideas on what to change, you can just reply to this post

image
image1353×575 29.3 KB

7 Likes
53

YIPPPEEEE

2 Likes
54

woah looks way cleaner! Love the repositioning of the elements and the helpful titles. I have a few suggestions though :slight_smile:

Image settings
I think that Convert and Resize should be renamed to Apply Changes and the image should automatically load intially as I got a bit confused where my image was
The Apply Changes button should also be at the bottom of the website (but make it noticeable as it’s pretty important) and placed seperate from the other image settings so it’s clear to press it after doing all the other stuff on the website.

Filter and dithering settings
I would change to: Filters and Dithering as it’s also clear that there is a drop down menu to read through

image
image1277×310 53.3 KB

i think these 2 subheadings don’t need to exist, it’s pretty clear from the title what the menus do

Variable and Conversion
I would rename to: Export Image as the variable naming is not very important. Conversion might also be confused with the filters and such.
For the copying images, the makecode image editor can actually handle copying images directly, which is useful for larger block projects which can’t switch into javascript. So maybe add 2 buttons, as Javascript code and for Image Editor under a Makecode Arcade subheading

Copyable code 
img`
. . . . . c c c c c c . . . . . 
. . . . c 8 7 7 7 7 8 c . . . . 
. . . c 8 6 7 5 7 6 7 c . . . . 
. . c 8 c 8 6 7 5 5 7 6 c . . . 
. . c 7 6 c 5 7 5 5 7 c 7 c . . 
. c 6 5 5 c 6 7 7 7 c 8 5 7 c . 
. c 7 5 5 7 7 7 6 c 8 7 7 7 c . 
c 7 c 7 7 6 8 7 c 6 7 5 7 6 c . 
c 7 c 8 c c 8 f 8 c c 7 6 8 . . 
. c 8 6 f 8 f 6 f 8 c c 8 f . . 
. . c 8 6 f 6 7 f f 6 f 8 . . . 
. . . . 8 6 7 7 7 6 f 8 . . . . 
. . . . 8 7 f 7 7 f 8 . . . . . 
. . . . 8 7 7 7 7 7 8 . . . . . 
. . . . . 8 7 7 7 8 . . . . . . 
. . . . . . 8 8 8 . . . . . . . 
`

Colour Management
I would change to: Colour Palette

image
image846×225 52.3 KB

This also feels a bit clunky, maybe make it a numbered list instead of a bulleted one so that you dont need the numbers rubbing up with the colour boxes.
I also think that clicking on the colour could change it instead of having another button do it. Also the colour boxes could be rounded off and aligned with the text and each other as they’re slightly off (not that important tho just my ocd lmao)
I think that the ability to import colour palettes is pretty important tho, it’s something that the pxt-arcade-asset-tool has (but it’s broken for me :cry:)

Overall
Moving to aesthetics, I think that a consistent and more interesting font would be nice, perhaps bahnschrift, roboto or futura. Or you could use 2, one for the titles and another for the smaller text!

image
image1200×1440 94.9 KB
image
image1520×1520 132 KB
image
All the grey clickable boxes being consistent with the drop down menu’s style and also having the same padding as other elements would make it look better (again just a visual thing)

4 Likes
55

Thanks! Рow difficult it was to program it? Very helpful program

2 Likes
56

I asked @richard on stream once about import/export color palettes, if I remember correctly he said that they were going to add it however didn’t know what the exported type should be.
I suggest the .PAL format due to its more common use (to my knowledge)

4 Likes
57

what would i do without you. Xd

4 Likes
58

it was more tedious than difficult to program lol

3 Likes
59

For me I usually use png files for palettes (check what lospec usually exports as tho there’s quite a few)

3 Likes
60

Oh btw are you planning on making an icon for the website? I just like to organise my bookmarks like this and I think it’ll be cool:

image
image2952×91 66.3 KB

5 Likes
61

sure i can do that, ill see what i can do for that
ill prob just take the one from the forum and modify it a bit, like the color or something

2 Likes