Exporting files

Export turns the version on stage into a file you keep: a web page that runs the piece anywhere, a still frame, or a short video. Everything here is free and works on any piece, in any engine.

Click Export in the studio's top bar to open the menu. It works on the version on stage, with its controls as you've set them.

The Export menu

Export is greyed out until the piece has a version. While a piece shows an error, Wallpaper & avatar, Render video and Post a clip are greyed out too: fix it first, or step back to a version that runs.

Downloading an HTML file

1. Open Export

   Click Export in the top bar.

2. Choose Standalone HTML

   The file downloads straight away, named after the piece, and the studio says "Downloaded standalone HTML".

The file holds the piece's code, its control values and the runtime that plays it, along with the textures, images, fonts, models, sound and video it uses. Open it in any browser, send it to someone, or put it on any web host.

Shader pieces need nothing else. 3D and 2D pieces load their engine from a public code library when the file opens, so they need an internet connection.

Saving a still image

1. Find the moment

   Press Space to pause on the frame you want, or let it play and catch it.

2. Save it

   Choose Still image from the Export menu, or click Save PNG on the bar at the bottom of the stage. The studio says "Saved PNG".

The PNG is lossless, at the size and sharpness the stage is drawn at on your screen. For a larger still, or a particular shape, use Wallpaper & avatar and its Custom tab, which goes up to 8,192 pixels on a side.

Recording a quick clip

1. Frame the stage

   The clip takes the stage's shape. If the Motion panel frames the stage to a shape, such as 9:16, the clip is that shape. See Shapes and custom sizes.

2. Record it

   Choose Quick clip from the Export menu, or click Record a clip on the bar at the bottom of the stage. The stage holds still while the clip renders, then the video downloads and the studio says how long it is.

A quick clip is six seconds long, or the whole timeline, up to 60 seconds, for a piece that has one. It starts from the piece's first frame and is drawn one frame at a time at 60 frames a second, so nothing stutters however heavy the piece is, even in a background tab. It's as sharp as the stage, up to 4K, and carries the piece's sound.

You get an MP4, or a WebM where the browser can't make MP4. In a browser that can't render video frame by frame, the studio records the stage as it plays instead.

For several shapes at once, longer films and control over sound, use Render video.

Opening in the viewer

Open in viewer opens the version full screen in a new tab. Its address carries the whole piece, compressed into the link, so nothing is stored anywhere. It's a quick way to look at a piece without the studio around it, and a way to pass on a piece without making a share link. Those links are long and have no preview image, so for sending to people a share link is usually better.

Related

• Share links and publishing
• Rendering video
• Wallpapers and avatars
• Embedding a piece