Studio

The studio on a phone

Making and tuning pieces on a small screen.

The studio works on a phone: you can ask Perlin for a piece, play it, tune it, step through its versions and share it from the palm of your hand. Below 1,024 pixels wide, which takes in phones and most tablets held upright, the studio rearranges itself around a small screen.

The layout

The stage sits at the top and a single panel sits under it. The panel's tabs hold everything the desktop puts on the rail and beside the stage:

TabWhat's in it
ChatThe conversation with Perlin and the prompt box
ParametersThe piece's controls
VersionsEvery version of the piece
PiecesYour pieces, and New piece
AssetsYour asset library
CodeThe code, the console and Run
GalleryThe gallery and its filters

Swipe the tab bar sideways to reach the ones off the edge. The top bar keeps New piece, Publish, Share and Export, shown as icons only on a phone.

Panel heights

The panel has three heights:

HeightWhat you see
CollapsedOnly the tab bar. The piece gets the screen
SplitThe piece above, the panel below. This is where the studio starts
ExpandedThe panel over the piece, below the top bar. The piece keeps its size and keeps running underneath

To change it, use the two arrows at the right of the tab bar, or swipe up or down on the tab bar itself. Up opens the panel a step (Open the panel, then Expand the panel over the piece); down brings it back (Show the piece, then Collapse the panel). Tapping a tab while the panel is collapsed opens it to the split height.

The panel also moves by itself so you see what changed. When a new version arrives or the piece restarts, an expanded panel steps down to show it. When something on the stage opens a panel, such as Show code on an error, a collapsed panel comes up.

Writing a prompt

  1. Open the Chat tab

    It's the first tab.

  2. Tap the prompt box

    The conversation takes the whole panel, above the keyboard, so you can see what you're writing and what Perlin said last.

  3. Send it

    Once the keyboard closes or Perlin starts work, the panel goes back to the height it had, so you can see the piece arrive.

The attach button beside the prompt works as it does on a desktop, so you can send a photo from your camera roll as a reference image. See Reference images and files.

“A pocket aquarium I can tap to feed the fish, with a slider for how many there are” Try it in the studio

Tuning on a phone

The Parameters tab lists every control the piece has, from top to bottom: drag a slider, tap its number to type a value, flip a switch. Your settings are kept with the version, as on a desktop. Randomize and Reset to defaults are on the floating panel over the stage, which a phone has no room for; a tablet a little wider shows it. See Tuning with parameters.

Playing a piece

Touches on the stage go to the piece, as the pointer does on a desktop: tap where you'd click, drag where you'd drag. The studio page itself holds still, so pinching or double-tapping doesn't zoom it and dragging doesn't scroll it.

The bar at the bottom of the stage has Play and Pause, Restart, Save PNG, Wallpaper & avatar, Record a clip and Present. Collapse the panel to give the piece the whole height, or use Present for full screen.

What needs a bigger screen

  • The Motion panel (the timeline, layers, states, sound clips and variations) needs a desktop-width window, so its button isn't on a phone and a trailer from the gallery opens without its timeline. Pieces still play their motion, and Export still renders video. See The Motion panel.
  • The version arrows beside the title make way for it on a phone. Use the Versions tab.
  • The save status in the top bar is left out on narrow screens. Your work saves all the same: see Saving and your pieces.

Still stuck, or something here out of date? Tell us