Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. Knowledge Base
  3. Tools
  4. The CreatiCode Playground

The CreatiCode Playground

Scheduled Pinned Locked Moved Tools
1 Posts 1 Posters 1.8k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • CreatiCodeI Offline
    CreatiCodeI Offline
    CreatiCode
    wrote on last edited by admin
    #1

    The creaticode playground contains 4 main areas, the menu bar, the editor, the player and the sprite pane.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/afaa6f50-aefa-4afc-803a-341c320347a7.png" width="1100" style="">

     
     

    The Player Window (The Stage)

    The player window is also called the stage. Try to find these 2 buttons:

    • The green flag button greenflag.png : when you click on it, the project will start to run in the player window.
    • The stop button stopbutton.png : this button will stop the project.

    For example, after you know how to add the soccer sprite and code blocks, you can run a project like this:

    https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9261559/runstop2.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    The Sprite Pane

    The sprite pane is where you manage the sprites and the stage of a project.

     
     

    Adding or Deleting a Sprite

    You can click the CreatiCode Icon button to add a new sprite from the library. To delete it, you use the trash bin on that sprite’s icon.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8df9414b-ca67-472c-b96c-5678b4b59072.gif" width="1200" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    Selecting a Sprite or the Stage

    You can click the icon of a sprite or the stage inside the sprite pane to select it. You can also drag any sprite in the stage window to select it.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ed6f1ea5-4cb2-409b-9b10-dbeb41641d42.gif" width="1200" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    The Editor Area

    The editor area contains 4 tabs: the code editor, the costume editor, the sound editor and the Diagram (premium-only).

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/cfe8bbdd-2e4c-45ec-8b36-e34a5f47981c.gif" width="881" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    The Code Editor

    The code editor is where you build a program using code blocks. Building a program is like playing a puzzle game: you find a block from the block list, and drag it into the coding area.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/3e3f53bd-df99-46f5-ad73-349cdf2c68b6.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">

     

    The Block List

    Since there are quite many blocks for you to choose from, they are organized into different “categories”. For example, when you click the “Motion” category, all blocks related to moving and turning are displayed. The list will hide when you click on the coding area. You can use the “pin” button to control whether to keep the list open all the time.

    https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9261249/pin.gif" width="800" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    The Coding Area

    You can drag blocks in the coding area to create stacks of blocks. When a block is dragged, all other blocks attached below it will move together. You can also drag the white space in the coding area to shift all blocks.

    https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9261258/drag2.gif" width="600" style="border-radius: 5px; border: 1px solid #29622d;">

     
    You can use the “+” and “-” buttons to scale the blocks, and the color picker on top to choose a different background color.

    https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9261020/ssss2b.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    The Costume Editor

    The costume editor allows you to set one or more costume images to a sprite. Each costume is an image, and it controls how that sprite looks on the stage. If you choose a different costume for a sprite, then that sprite will look different on the stage.

    You select the costume from a library or draw them yourself. For example, this soccer player sprite has 4 costume images. By switching between the first 2, it looks like the player sprite is kicking the ball.

    https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9261640/selc.gif" width="900" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    The Sound Editor

    The sound editor allows you to manage sound clips you can play in a project. You can either pick from a sound library, or record your own sound. Note that you would need to allow the browser to use your microphone to record a sound.

    https://cdncreaticodecom.b-cdn.net/awsuploads/947564/images/9261652/sound.gif" width="900" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    The Diagram Editor

    For premium accounts, you can use the Diagram tab to create all kinds of diagrams, such as a flowchart of your program, or sticky notes for new ideas.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b6613242-63df-48fe-9034-0617deaced42.gif" width="1100" style="border-radius: 5px; border: 1px solid #29622d;">

     
     

    The Menu Bar

    The menu bar on top helps you manage the project. You can set the name of the project, and share the project with others.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/3d79d024-aa9c-479e-aa32-e358afa83335.gif" width="1200" style="border-radius: 5px; border: 1px solid #29622d;">

    1 Reply Last reply
    0
    • CreatiCodeI CreatiCode pinned this topic on

    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

    With your input, this post could be even better 💗

    Register Login
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode