[P5][Sin]

index.js

let x = 0;
const xAxis = 480;
const yAxis = 360;

function setup() {
  createCanvas(xAxis, yAxis);
  stroke('purple');
  strokeWeight(4);
  frameRate(16);
}

function draw() {
  background('grey');
  
  x = x + 5;
  if (x > xAxis) {
    x = 0;
  }
  
  for (let i = 0; i < x ; i = i + 1) {
    point(i, yAxis/2 * (1 - Math.sin(2 * i * Math.PI/xAxis)))
  }
}