Example: visual programing editor for p5.js

This is example of visual programing editor by MameBlock.js.

"p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web." - p5.js

Notice: all commands and constants need "p."

Step 1.Move your mouse pointer on this area.

You can use [Stop] and [Run] button.

Step 2.Edit block.

Drag & drop block, Click expression for edit code.

Edit blocks and click [Run] for exce demo

Edit Area:


Step 3.Try to move "background" block from "draw" to "setup".

go to mameblock.js