Skip to main content

The editor interface

The Bilup editor is where you build projects. It runs entirely in your browser (and in the desktop app), and it ships from the same build as the community site. This page is a map of the editor window: what each region is and where to read more.

Layout at a glance​

The editor is divided into a few fixed regions:

  • Menu bar across the top: the Bilup logo (a link back to the home page), the File / Edit / Tools / Bookmarks menus, Settings, the project title, and, on the right, your save status and account. See the menu bar.
  • Stage on one side: the running project, the green flag and stop button, the stage-size controls, and the fullscreen button. See the stage.
  • Sprite pane below the stage: the list of sprites, the selected sprite's properties (position, size, direction, visibility), and the stage/backdrop selector. See sprites.
  • Editing area filling the rest of the window, controlled by three tabs at the top-left:

The three tabs switch what the editing area shows for the currently selected sprite or the stage. The stage, sprite pane, and menu bar stay put while you switch tabs.

Editor mode versus player mode​

The same page can render two ways. In editor mode you see everything above. In player mode only the stage and its controls are shown, which is what visitors see on a shared project page or an embed. The community project page loads projects into the embedded player rather than the full editor.

What makes the Bilup editor different​

Beyond the standard Scratch layout, the Bilup editor adds:

See also​