(Redirected from HTML5 Editor)
- This article or section documents the current version of Scratch (version 3.0). For this article in Scratch 2.0, see Scratch User Interface (2.0). For this article in Scratch 1.4, see Scratch User Interface (1.4).
- This article is about the editing environment and design. For other uses, see Edit (disambiguation).
- 1 Components
- 2 Tools
The User Interface consists of several sections which allow users to create and edit projects.
On the top right of the screen below the Navigation Bar, there are three buttons: Code, Costumes, and Sounds. The Code area allows one to build scripts that run the project, Costumes allow the user to change how the sprite looks using the Paint Editor, and Sounds uses the Sound Editor to edit sounds.
The code tab contains several sections that allow one to code and run scripts and sprites.
- Main article: Block Palette
The Block Palette is the area on the left of the screen when the Code button is opened. On the left, there is an area that contains the nine sections of blocks in Scratch. To the right of that, there is an area that contains blocks that can be dragged into the Scripts Area to make code.
- Main article: Code Area
The Code Area is the large empty space to the right of the Block Palette. It is an area for storing blocks that run the project. Blocks can be dragged from the Block Palette into the Scripts Area and arranged to form scripts. Each sprite has its own scripts, and sprites can be selected using the Sprite Pane.
- Main article: Stage
The stage is the area where the sprites are and perform their actions. It is located in the top of the area to the right of the Scripts Area.
- Main article: Sprite Pane
The Sprite Pane is located to the right of the Scripts Area and to the bottom of the stage. It allows one to quickly switch sprites and view the different scripts each sprite contains.
- Main article: Backpack
The Backpack is a small area to the bottom of the Block Palette and the Scripts Area. It can be opened by clicking on it. It stores scripts, costumes, and sounds and allows them to be transferred from one project to another. This is especially useful if you are taking work from another project to use in your own project.
- Main article: Paint Editor
The paint editor allows one to view, create, and edit a sprite's costumes.
- Main article: Costume Pane
The costume pane is the area on the left of the paint editor. It allows one to switch between a sprite's Costumes.
To the right of the Costume Pane is a large area to make edits and view the costume.
To the left of the Viewing Area are several tools that allow one to make edits: select, reshape, paintbrush, eraser, fill, text, line, circle, and rectangle.
To the top of the Viewing Area are more tools that include changing colors, undo and redo, grouping, layers, and flipping.
- Main article: Sound Editor
The sound editor allows one to make, view, and edit the sprite's sounds.
The sounds pane allows one to switch between different sounds.
The viewing area allows one to view the sound.
Above and below the viewing area are many tools. These include making the sound louder, softer, have effects, fade in or out, copying and pasting, undo, and redo.
Tools are the various functions that the interface has. They can do things like copy projects, create new ones, and edit what's in the project.
The following functions are found in the stage area:
- Green Flag - Starts the scripts in the project's code.
- Stop Sign - Stops all running scripts.
- Show/Hide - Shows or hides the currently selected sprite.
The following functions are found on the navigation bar above the project editing area:
- Language - Change the language of the editor.
- New - Creates a new empty project
- Save Now - Saves the project
- Save as a copy - Makes a new project containing the same blocks as the current one
- Load from your computer - Load a .sb, .sb2, or .sb3 Scratch project file
- Save to your computer - Downloads the project in its current state as a .sb3 file
- Restore <sprite/script/costume> - Undeletes the last deleted element
- Turn <on/off> Turbo Mode - Speeds up the project's execution
- Tutorials - Guides to making projects
- Project name - Change the name of the project. The default name is "Untitled"
- Share - Share the current project. Will instead say "Shared" if it already is
- See Project Page - View the project's main page
- My Stuff - View your My Stuff page containing your projects and studios.
- User button - View the user menu.