$${\textsf{\color{goldenrod}Satisfying } \textsf{\color{Bittersweet}Sand}}$$

A satisfying falling-sand simulation with the ability to load images and text.

Play - ${\textsf{\color{red}See controls first.}}$

Very Big // 0.3

Quite Big // 0.4

Big // 0.5

Medium - RECCOMENDED // 0.7

Normal - RECCOMENDED // 1

Small // 1.5

Quite Small // 2

Very Small // 3

Tiny // 5

Controls

Mouse

Left Click or Touch - Place sand.

Right Click - Remove sand (eraser, can also be used by pressing 0).

Special

Space - Pause/play.

Shift - Turn pattern on or off. - 🔵 ${\textsf{\color{blue}Note: I think this looks cool.}}$

⯅ or ⯈ - Increase brush size.

⯆ or ⯇ - Decrease brush size.

C - Reset/clear the sandbox.

Change Sand Colour Scheme

1 - Rainbow.

2 - Greyscale/Grayscale.

3 - Toybox.

4 - Sunset.

5 - Fire.

6 - Red & Black.

7 - Popsicle.

8 - Pink & Orange & Blue.

9 - Soft Purple.

r - RGB (Red, Green & Blue).

e - RYGCBM (Red, Yellow, Green, Cyan, Blue & Magenta).

y - Green & Yellow.

b - Blue & Orange.

p - Pastel Rainbow.

m - Black & White.

n - Neon.

0 - Eraser.

Custom Sizes

To change the size of the sandbox, edit the url like so:

https://radioactiverocket.github.io/Sand-Test?size=[ INSERT SIZE ]

A size of 0 is impossible. The default sandbox size is 1.

If you want to change the size more precisely, you can edit the url like so: https://radioactiverocket.github.io/Sand-Test?x=[ SANDBOX WIDTH ]&?y=[ SANBOX HEIGHT ]

---

Note

If you want to see something weird, open the link below, change to another tab, then change back. https://radioactiverocket.github.io/Sand-Test?alpha The tab you changed to should show up as the sandbox background, and so should stuff like the search suggestions and the inspect element window. Weird, right?

Only works in some browsers.