blokken's Introduction

Blokken

Blockly-based programming environment.

Getting started

Clone the repository or download all files and open index.html.

Features

Programming: drag blocks from the Blocks menu to the workspace. Execute the program with the green or red run button.
- The green run button steps through the code.
- The red run button continuously executes the code. Interrupting an infinite loop is not possible. Save the program to avoid losing it.
Navigation: Zoom and center.
View the corresponding JavaScript code.
Save the current program to an .xml file and load a program from xml
Change the language.

About

Blokken is based on Blockly, a library for visual programming by Google.

Blokken is no longer actively used by its original maintainer. However, it can still be used and contributions through pull requests are accepted.

blokken's People

Contributors

Watchers

blokken's Issues

Dutch Translation issue

"uitvoeren" as translation of the return statement

Saving blocks does not work in Firefox

with unsaved program, provide a warning before closing browser tab

After execution the last block remains highlighted

Turn it off

Add debug variables window with step by step execution

Language controls do not work in Edge

Add console output instead of alert

Example: https://blockly-demo.appspot.com/static/demos/interpreter/step-execution.html

JavaScript code tab readability

Code generation contains highlight function calls. These should be pruned for readability.

var n, parameter1, parameter2, resultaat;

/**
 * Deze functie beschrijven...
 */
function faculteit(n) {
  highlightBlock('r;5JLpZ(C:y?CKFx8Q$');
  highlightBlock('04O]]sb_+R}MGhA@_OK?');
  if (n == 0) {
    return 1;
  }
  highlightBlock('b:(QCaq@H0lEyU0:}m#3');
  resultaat = 1;
  highlightBlock('eXl+%WX8*i/h%xIQQ;;/');
  while (!(n == 1)) {
    highlightBlock('wPC:QiZ/P_vz9#c.IqG6');
    resultaat = n * (n - 1);
    highlightBlock('$.24~^KWITI8q={Iu7R{');
    n = n - 1;
    highlightBlock('eXl+%WX8*i/h%xIQQ;;/');
  }
  return resultaat;
}

Recommend Projects