Archive.png This article or section documents something not included in the current version of Scratch (3.0). It is only useful from a historical perspective.
This article or section documents an outdated version of Scratch (version 2.0). For this article in the current version (version 3.0), see User Interface (3.0). For this article in Scratch 1.4, see User Interface (1.4).
Screenshot of Scratch 2.0's development environment at startup

The Scratch user interface in Scratch 2.0 was the environment of the Scratch program which divided the screen into several panes: on the left was the stage and sprites list, in the middle the blocks palette, and on the right the scripts/costumes/sounds editors. The block palette had code fragments (called "blocks") that could be dragged onto the scripts area to make programs (called projects). To keep the palette from being too big, it was organized into 10 groups of blocks: Motion, Looks, Sound, Pen, Data, Events, Control, Sensing, Operators, and More Blocks (custom-built blocks and extensions). Also included in the More Blocks category were LEGO WeDo Blocks and PicoBoard Blocks.

Intent

In designing Scratch, the Scratch Team's main priority was to make its language and development environment intuitive and easily learned by children who have had no previous programming experience. There was a strong contrast between the powerful multimedia functions and multi-threaded programming style and the rather limited scope of the Scratch programming language. So tasks easy in high-level programming languages are sometimes tough in Scratch (e.g. multidimensional arrays) while tasks easy in Scratch are hard in many high-level programming languages (sprite-like graphics, sensing the ambient noise, etc.).

Palettes and Panes

Scratch 2.0 had a simple and easy to use interface. Its design allowed users of all ages and experience levels to create projects. In order to do this, the program divided the different parts of Scratch into Palettes and Panes.

Block Palette

Main article: Block Palette

The block palette allowed one to drag blocks into the Scripts Area, create variables, and create more blocks. When you dragged a block from the Block Palette, a copy of it followed the mouse until you "dropped" it where needed. There were 10 sections of blocks in the block palette.

Script Area

Main article: Scripts Area

Blocks from the Block Palette were dragged into the Scripts Area. These then could be combined with other blocks to form scripts, and eventually a project.

Sprites Pane

The sprites pane contained a thumbnail view of all sprites.

  • Included the name of the sprite with a thumbnail of the sprites current costume next to it.
    • If currently on Sprites Pane, the thumbnail would switch slowly probably to prevent annoyance. However, if opened to Sprites Info Pane, it would switch at the current rate (see GIF in the "Sprites Info Pane").
  • A new sprite could be added by pressing one of the following:
    The New Sprite Options
    • Giga — Opened up Window with Scratch Default Sprites.
    • Paint Brush — Created a new sprite and opened the Paint Editor.
    • Folder — Opened a file browser allowing one to open a sprite or image file.
    • Camera — Opened camera and took a picture when you told it to.
  • Clicking a sprite opened up either the Script Area or the Costume Pane.
  • Dragging a Costume to a different sprite would insert that Costume into that sprite's Costume Pane.
  • Dragging a sound to a different sprite would copy the sound into that sprite's Sounds Pane.
  • Dragging a sprite onto another sprite would swap their location in the sprite pane.
  • Right Clicking a sprite offered a drop-down list with four options:
    • Duplicate — Created an identical copy of a sprite that included scripts, costumes, and sounds.
    • Delete — Deleted the Sprite.
    • Save to local file — Opened up a file browser, allowing one to save your sprite along with any scripts in the selected sprite.
    • Show — Showed the object (if hidden) and sent it to the front
  • Dragging a script from one sprite to another sprite's thumbnail image copied the scripts to that sprite.

Sprite Info Pane

The Sprite Pane included info about the selected sprite as well as a few tools for manipulating the sprite. It was accessed by clicking the blue "i" on a sprite in the sprites pane.

The Sprite Info Pane
Demonstration of sprite's thumbnail while the costumes are switching
  • A sprite's name could be changed by clicking the box that contains the sprite's name.
  • The selected sprite could be manipulated by pressing one of the following buttons:
    • Can Drag In Player — Checking this will make the sprite draggable outside the editor.

Draggable Sprite Feature.png

    • Circular Arrow — Enables full rotation in a sprite.
    • Linear Arrow — Enables the sprite to only face left or right.
    • "-" — Disables Rotation. The sprite will remain facing 90 degrees no matter what.
  • Pressing and dragging the blue line located over the sprite will rotate the sprite.
  • Double-clicking the sprite will return it to facing 90 degrees.
  • The sprite's X and Y coordinates as well as direction are listed.

Costume Pane

The Costume Pane contained a list of costumes of the selected sprite.

  • It included the name of the sprite and a preview image.
  • Clicking on frame would switch the sprite to the selected costume.
  • New costumes could be added to the list by pressing one of the following:
    • Giga — Opens Scratch's built-in library on sprites, allowing any costume to be chosen.
    • Paint — Opens the Paint Editor.
    • Import — A file browser is opened, allowing you to open a sprite file.
    • Camera — Opens a webcam or external device to take a picture for a new costume.
  • Costumes can be edited in the Paint Editor on the right-hand side of the screen.
  • A Costume can be renamed by clicking the box in which the Costumes name is listed.
  • Right-clicking a costume opens a drop-down list with three options:
    • Duplicate — Duplicates the costume.
    • Delete — Deletes the costume.
    • Save to Local File — Saves the sprite where one chooses.
  • Costumes can be rearranged by dragging them into the appropriate order in the list.

Sounds Pane

The Sounds Pane contained a list of audio clips.

  • Included the name of the sounds and a thumbnail of a speaker.
  • Clicking the speaker icon would play the sound.
  • A new sound could be added to the list by pressing one of the following:
    • Record — Opens the Sound Recorder. Audio can then be recorded from an external device.
    • Import — A file browser is opened, allowing you to open an audio file.
  • A sound can be played by pressing the "►" button next to the speaker icon.
  • A sound can be stopped by pressing the "■" button next to the speaker icon.
  • A sound can be deleted by pressing the "X" button to the right of the sound icon.
  • A sound can be renamed by clicking the box in which the sounds name is listed.
  • Right-clicking a sound icon offers a drop-down list with three option:
    • Duplicate — Duplicates the sound.
    • Delete — Deletes the sound.
    • Save to Local File — Saves the sound where one chooses.
  • Sounds can be rearranged by dragging them into the appropriate order in the list.

Stage

Main article: Stage
The Stage and Sprites Pane

The Stage was a "sprite" that represented the background of its project. Because of this, it had special features that were different from other sprites. No sprites could move behind the Stage — the Stage was always at the back layer, and it also could not move itself.

Toolbar

The toolbar at the top of the program contained many very important functions in Scratch.

  • On the far left is the text "Scratch".
File Toolbar.png
  • Next is an image of a gray sphere or globe. Pressing this offers a drop-down list with all of the languages that Scratch is available in.
  • Next there are several menu options:

File menu

  • New — Creates a new project from a blank template.
  • Save now — Saves the current project in the directory from which it came from. If the project is new it opens a file browser, allowing you to save a project as a new file, except when online.
  • Save as a copy — Creates a copy of the current project.
  • Go to My Stuff — This button takes one to their My Stuff page.
  • Upload from your computer — Opens a file browser, allowing you to open a project. Opening a project this way will keep the sprites from the project you were previously working on.
  • Download to your computer — Opens a file browser, asking where one wants their current project saved.
  • Revert — Reverts the project to the last saved state.

Edit menu

  • Undelete — Undeletes a sprite, costume, sound, or script that was recently deleted.
  • Small stage layout — Makes the stage shrink to a smaller size.
  • Turbo Mode — Sets the player into Turbo Mode, where the code is executed very quickly.
Note Note: You can view more options by shift-clicking the menu drop-down.

Tips & About

  • These are informational sections with helpful tutorials and information about the scratch website itself. The Tips button brings up a tab inside of the editor, while the About button will redirect you to this page.

Tools

Main article: Ribbon Bar

To the right of the "About" button is several tools. Use them by clicking on them, then clicking on the target.

Duplicate

The duplicate button (stamp icon) duplicates anything on the screen. It duplicates sprites (in the sprites area or stage), costumes, costume selections, sounds, blocks, and scripts. Click again to put the duplicate down.

Delete

The delete button (scissors icon) deletes anything on the screen. It deletes sprites (in the sprites area or stage), costumes, costume selections, sounds, blocks, and scripts.

Note Caution: Once an item is deleted, it cannot be recovered unless one uses the "Revert" button.

Enlarge

Clicking on a sprite in the stage, costume editor, or a selection in the costume editor will make the sprite or selection grow bigger.

Shrink

Clicking on a sprite in the stage, costume editor, or a selection in the costume editor will make the sprite or selection shrink.

Help

The question mark in a circle button opens the Tips Window. Clicking on a part of the editor or a block will give help on that section.

Cookies help us deliver our services. By using our services, you agree to our use of cookies.