BF: Processing Intro

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. 

Installing Processing

Keenan Gray

Processing download link: https://processing.org/download/


Special instructions for chromebook users:

  1. Follow the instructions here in order to enable the running of Linux apps on the chrome book.
  2. Download the 'Linux' version of processing from the website above
  3. Move the downloaded file "ends in tgz" into the Linux folder of the chromebook.
  4. You will have to unzip the tgz file, instructions can be found here (https://www.businessinsider.com/how-to-unzip-files-on-chromebook)


if for some reason the software cannot be installed there is a nearly identical browser based version of processing called "p5js" 

https://editor.p5js.org/