https://s3-us-west-2.amazonaws.com/secure.notion-static.com/861c8d21-ea05-4563-8b99-3fba354255db/Untitled.png

function setup() {
  createCanvas(400, 400)
  noStroke()
}

function draw() {
  fill('rgba(255,255,255,.7)')
  background("#14192C")
  circle(200, 100, 50)
  circle(100, 100, 50)
  circle(200, 200, 50)
  fill('yellow')
  circle(200, 300, 50)
}

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/794ac0b7-34cc-46bd-9062-569cbf59e3cd/Untitled.png

function setup() {
  createCanvas(400, 400)
  noStroke()
  background("#14192C")
}

function draw() {
  fill(`rgba(255,255,255,${random()})`)
  circle(width*random(), height*random(), 5*random())
}

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a6e33e1c-ff40-4e74-89bd-d7383e97b549/Untitled.png

let snowFlakesX = []
let snowFlakesY = []
let snowFlakesR = []
let snowFlakesO = []

function setup() {
  createCanvas(400, 400)
  noStroke()
  background("#14192C")

  let counter = 0
  while (counter < 20) {
    snowFlakesX[counter] = width * random()
    snowFlakesY[counter] = height * random()
    counter = counter + 1
  }
}

function draw() {
  background("black")

  let counter = 0
  while (counter < 20) {
    let x = snowFlakesX[counter]
    let y = snowFlakesY[counter]
    let r = 5
    circle(x, y, r)

    counter = counter + 1
  }
}

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/59b04948-4cb9-4b79-9563-b4e5052ca416/Untitled.png

let snowFlakesX = []
let snowFlakesY = []
let snowFlakesR = []
let snowFlakesO = []

function setup() {
  createCanvas(200, 200)
  noStroke()
  background("#14192C")

  let counter = 0
  while (counter < 500) {
    snowFlakesX[counter] = width * random()
    snowFlakesY[counter] = height * random()
    snowFlakesR[counter] = 5 * random()
    snowFlakesO[counter] = random()

    counter = counter + 1
  }
}

function draw() {
  background("black")

  let counter = 0
  while (counter < 500) {
    let x = snowFlakesX[counter]
    let y = snowFlakesY[counter]
    let r = snowFlakesR[counter]
    let o = snowFlakesO[counter]
    fill(`rgba(255,255,255,${o})`)
    circle(x, y, r)
    snowFlakesY[counter] += o +
      o * sin(frameCount / 60 + counter)
    snowFlakesX[counter] += 
      o * 10 * sin(frameCount / 100)

    if (snowFlakesX[counter] > width) {
      snowFlakesX[counter] = 0
    }
    if (snowFlakesX[counter] < 0) {
      snowFlakesX[counter] = width
    }

    if (snowFlakesY[counter] > height) {
      snowFlakesY[counter] = 0
    }
    if (snowFlakesY[counter] < 0) {
      snowFlakesY[counter] = height
    }
    counter = counter + 1
  }
}