# I have Officially made a website for makecode arcade!

**URL:** <https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692>\
**Category:** Arcade\
**Created:** [March 13, 2024, 6:40pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692 "2024-03-13T18:40:22Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [March 23, 2024, 12:15am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/42 "2024-03-23T00:15:45Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [March 23, 2024, 12:22am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/43 "2024-03-23T00:22:03Z")

</div>

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](https://yu-hayate.github.io/Makecode-Yu-Hayate-Dithering/)

---

<div class="post-metadata">

**Author:** ![WoofWoof](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/woofwoof/32/32523_2.png) [@WoofWoof](https://forum.makecode.com/u/WoofWoof)\
**Post date:** [March 23, 2024, 5:16pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/44 "2024-03-23T17:16:33Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [March 24, 2024, 7:01pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/45 "2024-03-24T19:01:35Z")

</div>

daily/total

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [April 2, 2024, 5:18pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/46 "2024-04-02T17:18:38Z")

</div>

Added in 1.02.13

- unBlur filter
- deNoiser filter (just en other blur but better for removing noise)

---

<div class="post-metadata">

**Author:** ![randomuser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randomuser/32/32505_2.png) [@randomuser](https://forum.makecode.com/u/randomuser)\
**Post date:** [April 11, 2024, 4:42pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/47 "2024-04-11T16:42:27Z")

</div>

I’m late but awesome!! : D

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [April 11, 2024, 4:53pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/48 "2024-04-11T16:53:09Z")

</div>

lol, that’s fine

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [April 12, 2024, 9:24pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/49 "2024-04-12T21:24:59Z")

</div>

lol makecode does not like this

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/b/b41d4116b2e5648cd0737a111ac46ffe47023728.png)  
its hand not to get an error

---

<div class="post-metadata">

**Author:** ![\_jupiter](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/_jupiter/32/28012_2.png) [@\_jupiter](https://forum.makecode.com/u/_jupiter)\
**Post date:** [April 13, 2024, 4:44pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/50 "2024-04-13T16:44:57Z")

</div>

Thats MAKECODE?!

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [August 20, 2024, 2:14am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/51 "2024-08-20T02:14:46Z")

</div>

im remaking the ui

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [August 20, 2024, 1:55pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/52 "2024-08-20T13:55:53Z")

</div>

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](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/6/d/6d48a348d1c9a4d24e92e4cf54d98a0a5a478e51.png)

---

<div class="post-metadata">

**Author:** ![Josef](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/josef/32/12457_2.png) [@Josef](https://forum.makecode.com/u/Josef)\
**Post date:** [August 20, 2024, 1:58pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/53 "2024-08-20T13:58:35Z")

</div>

YIPPPEEEE

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [August 20, 2024, 5:36pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/54 "2024-08-20T17:36:43Z")

</div>

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

* * *

**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](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/2/8/283224c302d49b5b2fff3884ae09b29b9a6a2dcf.png)  
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**
>
> ```auto
> 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](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/5/f/5f26cfa211d6f14ed25e16eac24a29573845cf00.png)  
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](https://riknoll.github.io/pxt-arcade-asset-tool/) has (but it’s broken for me 😢)

* * *

**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](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/c/a/cab243cc500c836720eadd2804213942a8bbb53a.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/e/2/e2c611fb3d172132f63e2db4b3c45093d9b4ad4c.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/0/4/043273edeac55828451de8d781fdc0be8fef8ca6.png)  
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)

---

<div class="post-metadata">

**Author:** ![Sherbet\_cookie](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@Sherbet\_cookie](https://forum.makecode.com/u/Sherbet_cookie)\
**Post date:** [August 20, 2024, 5:43pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/55 "2024-08-20T17:43:05Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [August 22, 2024, 2:26am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/56 "2024-08-22T02:26:46Z")

</div>

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)

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [August 22, 2024, 2:29am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/57 "2024-08-22T02:29:05Z")

</div>

what would i do without you. Xd

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [August 22, 2024, 2:29am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/58 "2024-08-22T02:29:17Z")

</div>

it was more tedious than difficult to program lol

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [August 22, 2024, 4:22pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/59 "2024-08-22T16:22:10Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [September 9, 2024, 6:14pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/60 "2024-09-09T18:14:16Z")

</div>

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](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/d/3/d3dfed280931c2bfd3f817a98429b34b16167d0a.png)

---

<div class="post-metadata">

**Author:** ![YuHayate](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yuhayate/32/8275_2.png) [@YuHayate](https://forum.makecode.com/u/YuHayate)\
**Post date:** [September 13, 2024, 3:02am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/61 "2024-09-13T03:02:14Z")

</div>

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

[Previous page](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692.md?page=2)

[Next page](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692.md?page=4)
