/godot-block-coding

Block-based visual programming plugin for Godot

Primary LanguageGDScriptMIT LicenseMIT

Godot Block Coding Plugin

Experimental plugin by Endless OS Foundation that introduces a high-level, block-based visual programming language as an educational tool.

Godot asset Latest release

Background

Our aim is to reduce the learning curve faced by learners who are on the early part of their journey towards becoming game developers. Learners within our target audience understand game concepts, but have never used Godot (or any other game engine) before, and do not have programming experience. Ordinarily, such learners are faced with the challenge of learning their way around Godot's powerful, complex editor UI, combined with the additional challenge of learning to code for the first time as they navigate the ins and outs of GDScript.

With this project, we aim to reduce the height of the mountain that such learners have to climb. Specifically, we aim to eliminate the requirement of learners having to simultaneously learn to code while building their first games. Instead of writing GDScript to implement games, this plugin enables learners use block coding. Tools like Scratch, Blockly, and MakeCode have demonstrated that block coding can be much more accessible and intuitive to beginners than textual programming—we are bringing those concepts into Godot to help learners become familiar with some aspects of Godot itself while simplifying the creation of their first games.

In order to be learner-friendly, we implement blocks at a suitable level of abstraction. For example, we have blocks that allow the user to trivially connect keyboard input to the movement of a particular game element, and to make the score show up on-screen. That abstraction does place limits on what can be achieved with this tool, while still allowing us to provide a gentler introduction to Godot for learners, such that they can get familiar with other aspects of the Godot Editor and learn programming concepts while creating basic games. We envision that learners would use block coding as a stepping stone and then later progress onto learning GDScript.

That said, we are in no way opposed to having this project grow to be able to create more complex games, as long as it does not negatively affect the experience for early stage learners.

See our pedagogy and audience documentation for more info.

Getting Started

  1. Install the plugin through the Godot AssetLib searching for the name Block Coding. You can also download it from the online Asset Library and import it through AssetLib. Alternatively, you can clone the git repository and drag the addons/block_code/ directory into your project's res://addons/ directory. If you want to open the cloned repository project, reload the project once after opening it for the first time to resolve any errors. This is a Godot issue.

  2. Make sure to enable the plugin in Project → Project Settings → Plugins.

  3. You're ready to get started! Open a scene, select a node, and observe that there's a Block Code section within the lower central pane of the Godot editor, where you usually find debugging, animation and shader functionality. Click Block Code and then use the Add Block Code button to create a block canvas.

  4. Drag blocks from the picker and snap them together to create a script. You can switch to other Block Code scripts by selecting the respective node from the scene tree.

  5. Run the scene to see your Block Code scripts in action. Block Code scripts are saved within the scene.

If you clone the plugin's git repository and open it in Godot, you will be presented with a block-built Pong game as an example.

Current Status

Basic games can be created with this early prototype, but there is plenty of work ahead.

We will now seek feedback from learners, educators and game makers, as well as revisit some of the technical architecture decisions. Open questions include:

  • Have we created a learner-friendy abstraction that is suitably aligned with Godot concepts?
  • What is the most appropriate way to attach block scripts to a project?
  • Should this be a plugin or an extension?
  • Should blocks generate GDScript or be dynamically executed?

There is no language or data format stability implemented or expected in these early stages. If you upgrade the block coding plugin within an existing project, expect any existing block scripts to stop working and need reimplementing from scratch. For now, you probably want to avoid updating the plugin within your project if it's meeting your needs, or only doing that very sporadically. We will consider offering stability guarantees in future stages of development.

General user guidance

Block scripts run against the node where you created them. The "Queue Free" block is going to free that node, not any other.

The selection of available blocks varies based on the node type. For example, create a block script on an Area2D and you will notice that you have an On body entered signal handling block available. Create a node script on an AnimationPlayer node and you will observe blocks for starting and stopping animations.

If you wish to switch context to another node, you need to define a function in that other node, and then call it. Once execution jumps into that function, blocks will now act against that other node, and you'll have access to type-specific blocks belonging to that other node. You'll need do this kind of thing if you want to trigger the freeing of another node, or trigger an animation to start playing. This is both strong in conveying the concepts of objects and encapsulation, while also a bit tedious - we may revisit in future!

We have some high level blocks for simplifying common game elements. Add a SimpleCharacter node to get a game element that can be connected to keyboard input with just one type-specific block. Add a SimpleScoring node to display a score on-screen, accompanied by simple blocks for adjusting that score.

Lean into animations! Godot's animations functionality goes beyond just simple animations of graphics. You can do so much by combining block coding with Godot's powerful animations editor.

Feedback

Please share feedback in the Godot Forum Block Coding thread.

Development

pre-commit

Please use pre-commit to check for correct formatting and other issues before creating commits. To do this automatically, you can add it as a git hook:

# If you don't have pre-commit already:
pip install pre-commit

# Setup git hook:
pre-commit install

Now pre-commit will run automatically on git commit!

Testing

This plugin uses the Godot Unit Test (GUT) plugin for testing. In the editor, select the GUT tab in the bottom panel to open the test panel. Then select Run All to run the tests.

Tests can also be run from the command line using the GUT command line script:

godot --path . --headless --script addons/gut/gut_cmdln.gd -gexit

A few options are of note here. --path instructs Godot to use the project in the current directory. --headless instructs Godot to run without a display or sound. --script instructs Godot to run the GUT command line script instead of running the main scene. -gexit is an option for the GUT command line script that instructs GUT to exit after the tests complete.

There are several other GUT command line options for running specific tests. For example, -gtest=path/to/test_script_1.gd,path/to/test_script_2.gd can be used to run specific test scripts. A specific test function can be specified with -gunit_test_name=test_to_run.

Using the Development Version of the Plugin

  1. If your project already has the BlockCode plugin installed:
    1. Ensure you have committed your project to Git, including the addons/block_code directory. At this stage of development, block code programs written for an older plugin version will likely not work with a newer version of the plugin, so it is essential that you take a snapshot of your project before changing the plugin version.
    2. Under Project → Project Settings… → Plugins, disable the BlockCode plugin
    3. In the FileSystem sidebar, delete the res://addons/block_code directory
  2. Download a development snapshot
  3. Under AssetLib, click Import…, and browse to the main.zip file you just downloaded
  4. Check the ☑ Ignore assert root option, and click Install
  5. Under Project → Project Settings… → Plugins, enable the BlockCode plugin