Skip to content
Saved0

Online

Sand Drawing Game: Draw, Smooth & Start Again

Draw a path, change your brush and smooth the canvas to start again.

Format
Online
Version
v1
Size
See details below
Time
See steps
Try the interaction
Sand drawing: hero from the running application
App Capture · v1

Loading the interaction…

How to play

1. Start a drawing

Select Start / resume. Use a mouse to draw, or choose Enable touch drawing before drawing with a finger. Touch scrolls the page by default. The drawing stays in this page’s memory.

2. Choose a brush or use keys

Choose Fine, Medium or Wide. Focus the canvas and use arrow keys to draw short segments without a pointer. Use touch to scroll switches the canvas back to page scrolling without changing your drawing. Pause also restores scrolling.

3. Undo or smooth

Undo removes the last stroke. Smooth asks before clearing the drawing. Cancel keeps your work. Pause stops new drawing until you resume.

4. Save a local picture

Save picture prepares a PNG from the current canvas on your device. Check your browser’s downloads to confirm it was saved. The drawing is not uploaded.

If something is not working

The interaction did not load

Use Restart interaction in the error panel. If it still fails, reload this page and retry. Instructions remain readable.

The browser did not enable audio

Continue silently or select Enable sound again. Audio starts only after your action; changing a volume setting does not grant browser audio permission.

Controls, screens & a short demo

Open an image to inspect it at full size. Each caption identifies its source and version.

States at a glance

Sand drawing: Start / resume moves from paused to playing; Pause stops the round. Reset asks first: confirm clears and pauses, cancel keeps the round.
Illustration · v1Start opens a round. Pause stops it. Reset asks for confirmation: confirm clears the round and pauses; cancel keeps it. Sound starts muted. Your display and sound preferences stay on this device.

On your phone

Sand drawing: mobile from the running application
App Capture · v1A real 390px viewport capture. The page continues below this first screen; scroll to reach the remaining controls.

Keyboard controls

Sand drawing: keyboard from the running application
App Capture · v1A capture after a keyboard action. Tab to a control, then use its labelled keyboard action; the focus outline shows the active control.

Reduced motion

Sand drawing: reduced motion from the running application
App Capture · v1The checked Reduced motion control shows the reduced-motion setting. A still image illustrates the controls; it does not prove animation timing.

Loading and retry

Sand drawing: actual delayed-module loading message and Retry loading control, captured during an injected test
App Capture · v1The real slow-loading message, captured with a deliberately delayed module. Retry loading reloads the interaction when your connection is ready.

Watch the demonstration

Open the video file

Sand drawing: silent, original-speed recording of the actual application controls · v1
Read the demonstration description

This silent, original-speed screen recording shows the current interaction controls. Start the round, use the labelled actions, pause, and reset only after confirmation. It does not demonstrate a physical product or play the optional sound effects.

  1. Start a drawing. Select Start / resume. Use a mouse to draw, or choose Enable touch drawing before drawing with a finger. Touch scrolls the page by default. The drawing stays in this page’s memory.
  2. Choose a brush or use keys. Choose Fine, Medium or Wide. Focus the canvas and use arrow keys to draw short segments without a pointer. Use touch to scroll switches the canvas back to page scrolling without changing your drawing. Pause also restores scrolling.
  3. Undo or smooth. Undo removes the last stroke. Smooth asks before clearing the drawing. Cancel keeps your work. Pause stops new drawing until you resume.
  4. Save a local picture. Save picture prepares a PNG from the current canvas on your device. Check your browser’s downloads to confirm it was saved. The drawing is not uploaded.

Before you begin

  • A visual digital experience; it does not reproduce physical touch.