Dan Cotton

WebGPU · Three.js

Snowfall

Roll three snowballs across a moonlit field and stack them into a snowman, then give it a carrot nose, coal buttons, twig arms, a hat and a scarf. Throw snowballs at it, shake it up in a snow globe, and take a photo or a clip to send.

Launch Snowfall

Free, full screen, right in your browser

A finished snowman in a sky-blue top hat and scarf, with coal eyes, a carrot nose and its twig arms out, on the snowy field at night, a lamplit log village and snow-laden pines behind it, with Photo, Globe, Edit and Start again buttons beneath
The same snowman on a phone, filling the screen above the Photo, Globe, Edit and Start again buttons

How it works

  1. The first snowball mid-roll, grown to the size of a wheel, with its track curving away across the field

    Roll the snow

    Steer with the mouse, or drag a finger, and the ball grows as it goes and leaves its track in the snow. Downhill is faster. Three balls make the snowman, and each one rolled is carried over and set on the last.

  2. The snowman up close in its sky-blue hat and scarf, with coal eyes and a carrot nose and a second carrot held ready, and the Customise panel beside it with its rows of buttons, carrots, coal, twigs, hats and clothes

    Dress it

    Pick from buttons, carrots, coal and twigs and tap the snowman to press them in, as many as you like, for eyes, a nose, a mouth and arms. Put on a top hat, a bobble hat or a Santa hat, a scarf and mittens, each in any colour. Undo takes off the last thing placed.

  3. The snowman inside a glass snow globe on a turned wooden base, set down in the snow of the field, the globe's snow swirling round it just after a shake and the village's lights out of focus behind

    Finish and share it

    Press Done and the snowman has the whole screen. Tap to throw snowballs at it and knock the hat off, or put it in a snow globe to turn round and shake. Take a photo of either to save or send, or record a short clip of the globe.

Give it a go

Launch Snowfall

Works on desktop, tablet and phone

Work with me

Want something like this built?

These started as ideas I wanted to try. If you have one of your own that needs 3D, WebGL or something people can play with, get in touch and we can talk it through.

Start a conversation