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

<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 16, 2024, 4:38am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/22 "2024-03-16T04:38:29Z")

</div>

Definitely! Almost like an old print in a magazine or something.

---

<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, 4:38am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/23 "2024-03-16T04:38:42Z")

</div>

actually it’s **dithering** , i would give you an explanation for why that is but rn for me its very late so you can just look up the difference : )

---

<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 16, 2024, 4:39am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/24 "2024-03-16T04:39:06Z")

</div>

@richard could you add a export/import for palletes? It would help!

---

<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 17, 2024, 1:37am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/25 "2024-03-17T01:37:28Z")

</div>

Ah, like maybe to split the image into 4\*4 boxes, and each one is a circle colored like the average color in that box? Then fill in the corners with the average between the surrounding pixels!

---

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

</div>

fun fast the colors used in old printers are **cyan, magenta and yellow** and theres also **black and White** you can try that palette and you _will_ get ok/good resuts  
here are the color

```auto
#FFFFFF = [255,255,255]
#00FFFF = [0,255,255]
#FF00FF = [255,0,255]
#FFFF00 = [255,255,0]
#000000 = [0,0,0]

```

you can add green to the mix but it wont do much

```auto
#00FF00 = [0,255,0]

```

---

<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 17, 2024, 1:45am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/27 "2024-03-17T01:45:15Z")

</div>

Ah yeah! So it just looks like pointilism, but not quite!

---

<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 17, 2024, 1:49am UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/28 "2024-03-17T01:49:40Z")

</div>

You’re the best for this, tysm. I’ll make sure to reply with some nice results.

---

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

</div>

Bro this is awesome-

 ![NewImage](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/5/528636e572c9049a00ba7b05890fe39b5a462067.jpeg)

---

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

</div>

Wait your back? YES!!!

---

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

</div>

also, i wanted to share this image  
 ![QUACKEN.png](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/4/454a9a8a20eacb65b0a20c1d690a8e0bebb48143.png)

---

<div class="post-metadata">

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

</div>

> **[THE INFINITE LAND ON MEOWIS](https://arcade.makecode.com/S91813-77753-80121-89220)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

the IFINITE LAND OF MEOWI’S

---

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

</div>

Added New Dithering Option!! its called **Stucki Dithering**  
looks a bit cleaner **BUT** the big drawback is the very slow speed

> **Stucki Dithering**
>
> ## Stucki Dithering
> 
> Five years after Jarvis, Judice, and Ninke published their dithering formula, Peter Stucki published an adjusted version of it, with slight changes made to improve processing time:
> 
> ```auto
> X 8 4 
> 2 4 8 4 2
> 1 2 4 2 1
> 
> (1/42)
> 
> ```
> 
> The divisor of 42 is still not a power of two, but all the error propagation values are - so once the error is divided by 42, bit-shifting can be used to derive the specific values to propagate.
> 
> For most images, there will be minimal difference between the output of Stucki and JJN algorithms, so Stucki is often used because of its slight speed increase.
> 
> [source](https://tannerhelland.com/2012/12/28/dithering-eleven-algorithms-source-code.html#:~:text=Stucki%20Dithering,slight%20speed%20increase)
> 
> * * *

also added **Burkes Dithering**

> **Burkes Dithering**
>
> Seven years after Stucki published his improvement to Jarvis, Judice, Ninke dithering, Daniel Burkes suggested a further improvement:
> 
> ```auto
> X 8 4 
> 2 4 8 4 2
> 
> (1/32)
> 
> ```
> 
> Burkes’s suggestion was to drop the bottom row of Stucki’s matrix. Not only did this remove the need for two forward arrays, but it also resulted in a divisor that was once again a multiple of 2. This change meant that all math involved in the error calculation could be accomplished by simple bit-shifting, with only a minor hit to quality.
> 
> [source](https://tannerhelland.com/2012/12/28/dithering-eleven-algorithms-source-code.html#:~:text=Seven%20years%20after,hit%20to%20quality.)
> 
> * * *

---

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

</div>

**Pointillism** is like painting with tiny dots of color to create an image, while **dithering** is more about mixing pixels of different colors to simulate additional colors or smooth gradients in digital images.

---

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

</div>

Yeah!

---

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

</div>

YeSSSS!!!

---

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

</div>

I Managed to get the **4x4** and **8x8** brayer matrix Dithering To work!!  
i also added the **2x2** and the **16x16** Brayer matrix Dithering options!

---

<div class="post-metadata">

### Author: ![ChimbroDaPro](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/chimbrodapro/32/15852_2.png) [@ChimbroDaPro](https://forum.makecode.com/u/ChimbroDaPro)
#### Post date: [March 19, 2024, 10:17pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/38 "2024-03-19T22:17:43Z")

</div>

Hehehe… quacken… 😏

---

<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 20, 2024, 5:46pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/39 "2024-03-20T17:46:28Z")

</div>

update: 1.01.11  
added

- stackable filters
- optimized: nearest color function

---

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

</div>

altho they dont work as intended they do work sort of so even if you give in infinite grayscale colors and a grayscale image  
the dithering will only use black and white  
thats becuse of how it works

```auto
let newR = r > threshold * 255 ? 255 : 0;
let newG = g > threshold * 255 ? 255 : 0;
let newB = b > threshold * 255 ? 255 : 0;

```

and idk how to change it so sry

---

<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 22, 2024, 4:28pm UTC](https://forum.makecode.com/t/i-have-officially-made-a-website-for-makecode-arcade/27692/41 "2024-03-22T16:28:26Z")

</div>

Added in 1.02.11

- visits counter
- secret

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

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