// The Coding Train / Daniel Shiffman

// https://thecodingtrain.com/CodingChallenges/163-bezier.html

// https://youtu.be/zUgsYaUQNBk

​

// Basic: https://editor.p5js.org/codingtrain/sketches/Z53a719cQ

// Editor by Simon Tiger: https://editor.p5js.org/codingtrain/sketches/_R7RgtGfA

// bezierVertex: https://editor.p5js.org/codingtrain/sketches/O3_cLiOaw

// Time Table Cardioid with Bezier: https://editor.p5js.org/codingtrain/sketches/kZ8dpklQg

// Quadratic: https://editor.p5js.org/codingtrain/sketches/fJIMDmHcE

// Cubic: https://editor.p5js.org/codingtrain/sketches/S1Pt8lol1

// Bezier with Formula: https://editor.p5js.org/codingtrain/sketches/0XOLNHbvC

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(0);

​

  stroke(255);

  // strokeWeight(24);

  // point(0, 300);

  // point(mouseX, mouseY);

  // point(400, 400);

  // point(600, 300);

​

  strokeWeight(4);

  fill(127);

  beginShape();

  vertex(0, 300);

  bezierVertex(mouseX, mouseY, 400, 400, 600, 300);

  bezierVertex(400, 600, 200, 100, 0, 300);

  endShape();

}

​