First p5.js Sketch

first-p5-js-sketch.markdown

First p5.js Sketch

A Pen by Shigeru Kobayashi on CodePen.

License.

script.js

// Called once when the program starts
function setup() {
  // Creates a canvas that is 640 pixels wide and 480 pixels high
  createCanvas(640, 480);
}

// Continuously executes the lines of code contained inside its block
function draw() {
  // Draw an ellipse, with the center of the current position of the mouse, 
  // with a width and height of 50 pixels
  ellipse(mouseX, mouseY, 50, 50);
}

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.sound.min.js"></script>