Skip to content

[Levelbuilder] Welcome to Levelbuilder

Dani LaMarca edited this page Jul 24, 2020 · 23 revisions

Welcome to Levelbuilder

Levelbuilder is the content creation tool used to create levels, examples, and courses on https://studio.code.org. You can access it at: https://levelbuilder-studio.code.org.

Set Up

To use all of the features of Levelbuilder, you need an account with permissions.

  • Go to https://levelbuilder-studio.code.org and make a new code studio account, just like you would on the main site.
  • Ask an engineer for levelbuilding permissions. You'll need them on your levelbuilder account so you can edit levels, and you'll need them on your code studio account you can be redirected to levelbuilder on production.

From Levelbuilder to Production

When you create content or make a change in levelbuilder, it won't be available on studio.code.org until it's scooped into staging and pushed into production.

When content from Levelbuilder gets "scooped", all changes from levelbuilder are committed to GitHub, and are merged with the code-dot-org staging branch. After staging goes through testing, it's pushed into production.

To see what the status of levelbuilder currently is, check out the #levelbuilder channel in Slack. If your content was scooped, you'll see it after staging gets pushed to production.

Courses and Levels

Levelbuilder supports all level types seen on the Code Studio platform. Find an example for one of these? Link it!

Blockly DSL-Defined Advanced Apps Content Algebra
Levels used in CSF Domain Specific Language Levels used in CSD and CSP -------- Levels used in CS in A
Maze Multi ( select one , choose 2 ) App Lab Standalone-Video Calc
Collector Match Free-Response Unplugged Eval
Bee Evaluation Multi External Link
Farmer Text Match Game Lab
Harvester Contract Match Web Lab
Play Lab Markdown NetSim
Star Wars Curriculum Reference Pixelation
Minecraft Map Text Compression
Ice Age LevelGroup Odometer
Sprite Lab Public Key
Cryptography
Frequency Analysis

Levels vs Scripts vs Courses

  • Levels are the individual bubbles in a stage on Code Studio.

  • Scripts are used to create stages within courses. A stage is associated with a lesson, this holds all of the levels for this lesson.

  • The stages are grouped together to compose courses, like Course A from CS Fundamentals.

  • The table below shows how these terms translate over to Curriculum Builder

Levelbuilder to Curriculum Builder Language Map

Name in Levelbuilder Course Script Lesson/Stage Level
Name in Curriculum Builder Curriculum Unit Lesson N/A

URIs You Need to Know

As long as you are on https://levelbuilder-studio.code.org and are signed into an account that has levelbuilder privileges, you should be able to use this list of URIs for content creation and editing on Levelbuilder.

Levels, Scripts, and Courses

_______________________________________________________________

Levels

Access All Levels:

/levels

Make a New Level:

/levels/new

Open an Individual Level:

/levels/[level ID]

Open a Level in the Level Editor:

/levels/[level ID]/edit

Learn more about the level editor here: [link]

_______________________________________________________________

Scripts

Access All Scripts:

/s

Access an Individual Script:

/s/[course name]

Make a New Script:

/s/new

Open a Script in the Script Editor:

/s/[Name]/edit

Learn more about the script editor here: [link]

_______________________________________________________________

Courses

Access All Courses:

/courses

Note: While this URL works, it will redirect you to the code studio site

Create a New Course:

/courses/new

Editing a Course:

/s/[course name]/edit

Learn more about the course script editor here: [link]

_______________________________________________________________

Blockly

Block Editors

Blockly levels have a few different block editors. The following URIs take you to a UI where you can edit these specific kinds of blocks. You can also change the XML directly in the level editor.

NOTE: In order to save your changes made in the UI, you need to press the run button. This should prompt a pop-up that says you have successfully changed the blocks, like this:

Editing Start Blocks:

/levels/[level ID]/edit_blocks/start_blocks

Editing Solution Blocks:

/levels/[level ID]/edit_blocks/solution_blocks

Editing Toolbox Blocks:

/levels/[level ID]/edit_blocks/toolbox_blocks

Editing Required Blocks:

/levels/[level ID]/edit_blocks/required_blocks

Editing Recommended Blocks:

/levels/[level ID]/edit_blocks/recommended_blocks

Editing Initialization Blocks:

/levels/[level ID]/edit_blocks/initialization_blocks

Sprite Lab

Sprite Lab has the same options as any other blockly level, but also has its own block and function editors.

Sprite Lab and its block and function editors have cross-tab copy and paste, meaning you can copy and paste blocks from some editor to a Sprite Lab level, and vice-versa.

List of Existing Sprite Lab Blocks:

/blocks

Create a New Block:

/blocks/new

Edit Existing Block:

/blocks/[block name]/edit

List of Existing Behaviors and Functions:

/functions

Create a New Behavior or Function:

/functions/new

Edit Existing Behavior or Function:

/functions/[function ID]/edit

NOTE: This refers to the functions ID , not its name.


Directory of Docs

General

  • Scripts: Creation and Publishing [link]

  • Inside the Admin Box [link]

Processes

These are different supplemental and curricular materials created in levelbuilder that require extra steps to make.

General Processes

  • Making and Using Templates [link]
  • How To: Make a Predict Level [link]
  • Creating a Callout [link]

Used in CSP and CSD

  • Making and Using Exemplars [link]

Used in CSF

  • Making an Authored Hint [link]

Game Lab Only

  • Adding Preloaded Animations in Game Lab [link]

App Lab Only

  • Adding Preloaded Design Elements in App Lab [link]

Editors

Blockly

  • Navigating the Blockly Workspace [link]

More to Come!

Clone this wiki locally