blockp5.js = p5.js + blockly
This is block programing example for p5.js based on Blockly
Try it !
- Exchange mouseX and mouseY.
- Move background color from draw to setup.
- Replace ellipse to rect.
Operations
- Edit blocks and click Run button.
- Cut:CTRL+x, Copy:CTRL+c, Paste:CTRL+v.
- Undo: CTRL+z.
Environment
- ES2015 later(ES Modules and Class)
Source code
Custom Blocks
- Use Blockly Developer Tools.
- Save block files in p5/blocks and p5/blocks_code.
- Marge block files to p5_block.js and p5_code.js.
Please see Blockly custom blocks.
License
Released under the MIT License. Please see LICENSE.
All Components have their own license.
Components