Console is like your hidden communication tool between you and your project. You can output variables, messages that you want to see as your code runs in the browser, and the browser can also tell you back errors and warnings about your code without effecting the output of your project.
On OpenProcessing, console is hidden by default. Who need distractions when they are not needed, anyways? Console is automatically displayed when you send a message to it via one of the function below, or when browser wants to report you something, such as an error or a warning.
You can use function below to print out messages to console:

print('This is a message');
console.log('This is a log message.'); //same as "print" above
console.warn('This is a warning.'); //yellow
console.info('This is an info.'); //blue
console.error('This is an error.'); //red, with a link to code

See an example here: https://www.openprocessing.org/sketch/720737#

Particularly, you can use these to print out Objects and Arrays to further click into and explore their ingredients. Currently, there is a limit of 4 levels deep that you can explore on an object or array in the console.
For more advanced debugging needs, you can still use the native browser console. To use the native console to communicate with your sketch, make sure you select the iframe your sketch is being run inside. 

Did this answer your question?