# 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:** 1

<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 13, 2024, 6:40pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/1 "2024-03-13T18:40:22Z")

</div>

this website i made Does loads of things and im open for sugestions!!

this is a website that was made over 5days during the march break  
i wanted to make a website like this for a while now but i finaly made it!

here are some plosebilities!

- converting images into a dithered form with a custom color palette!
- you can copt the image as a string by clicking the ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/f/fa14a726af7b0b8c2bf7f3e628d57ba8a4a9fd63.png) button!
- freely disable and enable colors from the selected list!
- add, remove and change colors as you wish.
- custom color filters over the image **before** te image gets converted
- here are some built in filters: grayscale, noise filters (I’m open to add more!)

if you want to try it out for yourself heres the [link](https://yu-hayate.github.io/Makecode-Yu-Hayate-Dithering/)

---

<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 13, 2024, 9:18pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/2 "2024-03-13T21:18:02Z")

</div>

if anyone has sugestions on what to add im open to add new things to the website

---

<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 13, 2024, 9:18pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/3 "2024-03-13T21:18:03Z")

</div>

also  
we are at  
103 of 500 visits

---

<div class="post-metadata">

### Author: ![technonux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/technonux/32/7924_2.png) [@technonux](https://forum.makecode.com/u/technonux)
#### Post date: [March 13, 2024, 9:18pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/4 "2024-03-13T21:18:31Z")

</div>

> **[silly](https://arcade.makecode.com/S66843-47579-72029-48056)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/1/1b919d2c374a0785ebf11b73f45bd0a03ab60b99.jpeg)

---

<div class="post-metadata">

### Author: ![technonux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/technonux/32/7924_2.png) [@technonux](https://forum.makecode.com/u/technonux)
#### Post date: [March 13, 2024, 9:33pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/6 "2024-03-13T21:33:41Z")

</div>

ability to convert makecode image to png maybe?

---

<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: [March 13, 2024, 9:33pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/7 "2024-03-13T21:33:44Z")

</div>

Can you add a palette importing feature?  
Also cool thing I did:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/8/85176c199959b893c6434be9f41e3b5e28cecd5f.png)  
Artwork is from Laura Oldfield Ford

---

<div class="post-metadata">

### Author: ![goldtopaz](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/goldtopaz/32/28622_2.png) [@goldtopaz](https://forum.makecode.com/u/goldtopaz)
#### Post date: [March 13, 2024, 9:33pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/8 "2024-03-13T21:33:52Z")

</div>

I feel like somebody should make a video game out of this like with pre rendered sprites and stuff but put through dithering, like donkey kong country

---

<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 13, 2024, 11:01pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/9 "2024-03-13T23:01:56Z")

</div>

thats a good idea ima add that to my list of things to add

---

<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 13, 2024, 11:02pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/10 "2024-03-13T23:02:06Z")

</div>

idk how i would make a palette importing feature but, i can make a pallet saving feature!

---

<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 13, 2024, 11:02pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/11 "2024-03-13T23:02:27Z")

</div>

here are some cool ones i made while i was testing  
 ![object HTMLInputElement (25)](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/0/02358be96b1543c1594f69496e51061703996940.png)

 ![NewImage (1)](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/b/b9906152be08656fbef85311468a62bc5455e02d.png)  
 ![riverforest](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/7/7371fec5802c2bb89c09d0c57f6cea9fb8d63cd3.png)  
 ![camera](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/5/50c4a75c36a055d479909005b5396e6e9c1a67fc.png)  
 ![donaldDuck](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/3/332b84b4cac73f799f16d902c498e36328e3b597.png)  
 ![PortalCube](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/e/eb2f888a6ba5784368a964e8b0162b0e808b6a04.png)

well thats only like 2.3% of the test images (i tested images and gave them all an id ( **00 to FF** ) in hex)

---

<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: [March 14, 2024, 1:08am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/12 "2024-03-14T01:08:26Z")

</div>

THIS IS AWESOME!!! The custom color pallets is so cool and opens so many new possibilities!! Thank you : D

---

<div class="post-metadata">

### Author: ![Unique](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unique/32/32724_2.png) [@Unique](https://forum.makecode.com/u/Unique)
#### Post date: [March 14, 2024, 1:19am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/13 "2024-03-14T01:19:32Z")

</div>

I can’t like my gallery is full of pictures I converted to look “aesthetic” or whatever.

 ![IMG_3940](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/c/cd34d10f7a9ae33bb8dcc23f09dfe26823179463.jpeg)  
 ![IMG_3945](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/e/e081a38852b4058575efd635534171903a174297.png)  
 ![IMG_3946](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/f/f53af8fe8180ae36528b6d38da54939cc7ce9c83.jpeg)

I love the way these photos turned out, there’s something about those 15 colors that just makes these pictures so nice. Really cool stuff @YuHayate.

---

<div class="post-metadata">

### Author: ![BlastBoxGames](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blastboxgames/32/11727_2.png) [@BlastBoxGames](https://forum.makecode.com/u/BlastBoxGames)
#### Post date: [March 15, 2024, 6:12pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/14 "2024-03-15T18:12:16Z")

</div>

Omg thats amazing looking

---

<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: [March 15, 2024, 6:12pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/15 "2024-03-15T18:12:18Z")

</div>

Nice @YuHayate

---

<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 15, 2024, 6:23pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/16 "2024-03-15T18:23:51Z")

</div>

done!  
added V1.01.0!  
you can find it under the image container  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/e/edb41e904fc03ed20facf42ddf76b88fdb6e535f.png)

---

<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 15, 2024, 10:57pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/17 "2024-03-15T22:57:20Z")

</div>

You should add a Visits counter to the website! That way you don’t have to tell people when it’s about to be down for a month. Maybe one of those “Congratulations! You are visitor number \_ this month!” If you really wanted, you could add a “claim your prize” scam link to a rickroll or something just for fun.

---

<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: [March 15, 2024, 11:41pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/18 "2024-03-15T23:41:15Z")

</div>

Yeah, it’s like pointilism! : 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: [March 16, 2024, 12:04am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/19 "2024-03-16T00:04:40Z")

</div>

i added a **save/load/remove** Palettes feature

I will also make a import feature by making the arrays get compressed and saved on the clip board

---

<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 16, 2024, 12:05am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/20 "2024-03-16T00:05:13Z")

</div>

i was wondering if anyone had any ideas on what additioal filters i can add 🙂

---

<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: [March 16, 2024, 12:05am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/21 "2024-03-16T00:05:14Z")

</div>

I wonder how easy/hard it would be to try to emulate more noticeable brustrokes?

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