Kinetic Sand Online: Drag, Settle and Reset

Quick Answer

Kinetic sand online is a pile you drag in the browser. Virtual kinetic sand here is a sand fidget you can play with sand online as a column mound, not a GPU demo. Drag through it. Grains settle. On a phone, tilt left or right to pour. Reset pile restores a centred heap when the sand packs into a corner.

For example: Input: a finger on a 4:3 stage. Output: a displaced pile that settles, with no account and no install. Feel intensity picks column count so a budget phone can keep up.

What is kinetic sand in a browser?

Physical kinetic sand is a mouldable heap. Virtual sand is the same urge as a drag. Mobile games want an install. WebGL demos drop frames on a low-end phone. This pile is a grid of heights, cheap enough to run in a tab.

Depth is height plus a short shadow, not colour alone, so a low-vision user can still see a ridge. How to stop pinch-zoom while dragging sand: the canvas sets touch-action to none and captures the pointer, so a pinch grabs sand instead of the page.

How does a browser sand pile stay light?

The stage is a row of columns. A drag lowers heights under the pointer and spills a little to the sides. Then a settle pass lets steep slopes fall. Therefore the pile looks like it flows without running a particle ocean. That is how a browser sand pile stays light on a phone-width tab.

For example, on low intensity there are 24 columns. High uses 56. Settings → Feel intensity is the quality control, so a budget phone can stay on low. More particles always feel better is the trap: a denser grid can drop frames, so intensity caps the column count on purpose. However, reduced motion still lets you dig: grains jump to rest instead of trickling.

Why is there a Reset pile control?

Drag enough and the heap packs into a corner. Other toys leave you there with no next action, so people reload and break the loop. Reset restores the centred mound, keeps focus, and does not reload assets. That continuation is the craft of this tool.

Common mistakes

Reloading a packed corner throws away a second and feels like the toy ended. Reset pile is the scoop back to the middle. Another mistake is expecting a GPU demo: this is a column pile on purpose, so a phone-width tab stays usable.

Judging depth by colour only fails when contrast is low. Height plus a short shadow is the ridge. Therefore a packed edge is still readable.

Kinetic sand vs alternatives

Mobile sand games want an install. WebGL sand looks richer and then drops frames. Slime is pull instead of a pile. Pop It is taps. Pick kinetic sand when the gesture is a drag through a heap, in the browser, with a reset.

How do I play kinetic sand on a phone?

The stage is sized for a phone-width column. Play hides the rest of the page so the pile fills the screen. Reset stays in the corner because packing is how the task ends. Exit or Escape restores the page. Reduced motion still lets you dig; grains jump to rest.

Try the pile

Open the tool, drag through the mound, then Reset pile when it packs. Mute if you need the room quiet. Nothing is uploaded.