Web Editor

3D plant in a pot

Go to Open Processing web editor and click on the join button.

web editor

Fill the Sign-Up form using your email account( gmail, yahoo etc.) and set your profile name and password.

web editor

In Open Processing web editor, there is 'Split screen' and 'Full screen' options.

Full screen mode : When play button is pressed the editor will show the preview on full screen. Code icon beside the play button is for going back to the code area.

web editor

In Split screen mode : On the left the code is written and on the right is the preview area.

web editor

On the top, play and stop icons are present to preview the outcome.

web editor

Referesh icon appears after play button is pressed to see the changes made in the code. Save Button on the right is for saving the project.

web editor

Toggle icon to see the options.

web editor

Options of 'Sketch', 'File' and 'Editor' can be seen.

web editor

Files option: Images and Sound can be uploaded here once the project is saved.

web editor

Editor option : Changes in the text size ,layout ,light/dark mode can be set.

web editor

Project can be downloaded.

web editor

Option to fork the project : Copy of the project can be modified without losing the original code.

web editor

Continue Reading

Coordinates

Learn More

Canvases

Learn More

Colours

Learn More