https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c7812de4-74d0-4ce3-bc71-288d95a0d106/Untitled.png

let x = 20

function setup() {
  createCanvas(400, 400)
  fill('#123abc')
  noStroke()
	console.log(x)
}

function draw() {
  background(220)
  let y = 200 * sin(x)
  circle(x, y, 20)
  x = x + 1
}

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1ca48b62-5f64-40d4-b3d6-c26207d5cd75/Untitled.png

let a = 10

function setup() {
  createCanvas(400, 400)
  fill('#123abc')
  noStroke()
  background(220)
}

function draw() {

  let y = 150 * sin(a / 50) + 200
  let x = 150 * cos(a / 50 * sqrt(2)) + 200
  circle(x, y, 10)
  a = a + 1
}

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f75702a4-2cfd-4c29-9f6c-9f62ad493f09/Untitled.png

function setup() {
  createCanvas(200, 200)
  fill('#123abc')
  noStroke()
}

function draw() {
  background(220)
  let a = 0
  while (a < 2*PI*10) {
    let y = 50 * sin(a*7 + frameCount/100) + 100
    let x = 50 * cos(a*5 + frameCount/73) + 100
    circle(x, y, 2*(sin(frameCount/10 + a)*.5+.5))
    a = a + .01
  }
}