Type your code here.

Your code is executed here.

//For example: Note: This is a single line comment size(430,430); //Set the size of the canvas fill(50,100,200); //Set the fill color rect(100,100,100,100); //Draw a square /* Note: This starts a multiline comment Instructions: If you select a command, it's syntax appears below. If you select a single number, a slider will appear. If you select a color, a color picker will appear. As you change the code, the sketch will change. Create or find a sketch online with the links below. Copy it to the clipboard. Return to this page. Select all of the existing code. Replace it with the code in the clipboard. For KA code, set the size of the canvas: "size(400,400);" You can now modify the code offline. Note: This ends a multiline comment */

Restart

Documentation on ProcessorJS shapes color curves events text math other all & JavaScript Data Types
Online links:

• Kahn Academy: The best environment for developing ProcessingJS sketches.
  For KA code, set the size of the canvas: "size(400,400);"
• ProcessingJS: A great source for more sketches.
• JavaScript: Complete documentation on JavaScript with links to HTML and CSS.

All media (images, movies and sounds) used must be copied to the PUI folder first.