Using P5.js in your browser

We can use various libraries in the browser. To do so, you need to link to them.

Within your exercises folder, create a new folder called p5 which contains an assets folder which contains a css folder and a js folder.

body {

background: blue;

margin: 0;

padding: 0;

}

Create a sketch.js file and save it in your js folder (can be blank for now)
Download p5.min.js and place it into your js folder. You can download it: https://github.com/processing/p5.js/releases/download/v1.4.0/p5.min.js
Link to the main.css, sketch.js, p5.min.js in your index.html file

<!DOCTYPE html>

<html>

<head>

<title>P5 in the Browser</title>

<link rel="stylesheet" type="text/css" href="assets/css/main.css">

</head>