Part 1: Drawing on the screen

Part 1: Drawing on the screen

Keenan Gray

Purpose: To introduce programming and use lines of code in order to manipulate a processing window.  We can see our changes to the code reflected in the editor.

Description: Processing's primary function is the ability to draw images on a screen. We can interact with, and manipulate these images via code.  There are variety of projects that can be created using processing including - interactive art pieces, video games, computer applications, and websites.

Instructions: In the desktop version of Processing or at https://editor.p5js.org/ enter the code seen below.

function setup() {
createCanvas(400, 400);
}

function draw() {
background(220);
}

This is the boilerplate code for your first ever program.