The J2code visual interface explained



Adjusting the Difficulty Level

J2code Visual offers 3 levels of difficulty, each unlocking more block categories to expand coding possibilities.

  • By default, the interface opens at Level 1.

  • To change the difficulty level, click the dropdown arrow next to the sprite tab and select the desired level:






Adding a Background

Adding a background is optional, but if you choose to do so:

  1. Go to the Sprite 1 tab (this will be your background layer).

  2. Add the background using the same process as adding a character—choose from the available options or upload your own.

  3. Once the background is added, delete the original sprite by clicking the "x" in the top right corner of that sprite tab.

  4. Make sure to tick the “background” box to set it as the back layer.

Pro tip: Renaming your layers makes editing easier later! To rename, click the dropdown arrow on the sprite tab and select “rename”.



Adding a Sprite

  • A default sprite (a penguin) will already be present.

  • When starting, it’s best to limit pupils to 2 sprites for simplicity.

  • To add or change sprites:

    1. Click the “add new costume” button.

    2. Choose a sprite from the sprite bank.

  • Drag and position your sprites on the stage where you want them to start.



Adding a Block / Code

  • Each block represents an algorithm — an instruction the program will follow.

  • Blocks are colour-coded by category, for example:

    • Blue blocks = motion commands that move sprites.

  • To add blocks:

    1. Select the sprite you want to code (avoid coding the background).

    2. Open the coding screen by clicking on the coding tab.

    3. Select the relevant block category.

    4. Drag the chosen blocks onto the coding area to build your program.