Genuary 18: Wind - OpenProcessing

mySketch
xxxxxxxxxx
 
let bg
let snowPts = []
​
let skyGrey
let topSkyBlue
let white
let magenta
let topSnowBlue
let road
​
function setup() {
  createCanvas(windowWidth, windowHeight)
  bg = createGraphics(width, height)
  
  skyGrey = color('#AED2D9')
  topSkyBlue = color('#7AC0EE')
  white = color('#FFF')
  magenta = color('#CC66A7')
  topSnowBlue = color('#D8EDFB2')
  road = color('#9FB0B4')
  
  for (let i = 0; i < 1000; i++) {
    const x = random(-1, 1) * width/2
    const y = random(-0.2, 1) * height/2
    snowPts.push({ x, y })
  }
}
​
function draw() {
  background(skyGrey)
  push()
  translate(width/2, height/2)
  rectMode(CENTER)
  imageMode(CENTER)
  noStroke()
  if (frameCount % 30 === 1) {
    bg.push()
    bg.translate(width/2, height/2)
    bg.background(skyGrey)
    bg.noStroke()
    bg.rectMode(CENTER)
      
    // Sky
    for (let i = 0; i < 2000; i++) {
      const x = random(-1, 1) * width/2
      const y = random(-1, -0.2) * height/2
      const w = random(0.01, 0.2) * width
      const h = 0.02 * height
      const c = lerpColor(
        lerpColor(topSkyBlue, white, map(y/(height/2) + random(-1,1)*0.1, -1, -0.2, 0, 1, true)),
        magenta,
        random(0, 0.2)
      )
      c.setAlpha(200)
      bg.fill(c)
      bg.rect(x, y, w, h)
    }
​
    // Ground
    for (let i = 0; i < 2000; i++) {
      const x = random(-1, 1) * width/2
      const y = random(-0.2, 1) * height/2
      const w = random(0.01, 0.2) * width
      const h = map(y, -0.2*height/2, height/2, 0.02 * height, 0.1*height)
      const roadR = map(y, -0.2*height/2, height/2, 0, width*0.5, true)
      const c = lerpColor(
        lerpColor(
          // Snow
          lerpColor(topSnowBlue, white, map(y/(height/2) + random(-1,1)*0.1, -1, -0.2, 0, 1, true)),
          // Road
          road,
          map(x, -roadR-20, -roadR, 0, 1, true) * map(x, roadR, roadR+20, 1, 0, true)
        ),
        magenta,
        random(0, 0.2)
      )
      c.setAlpha(200)
      bg.fill(c)
      bg.rect(x, y, w, h)
    }
    bg.pop()
  }
  image(bg, 0, 0)
  
  for (let { x, y } of snowPts) {
    const c = lerpColor(white, magenta, random(0, 0.2))
    x += random(-1, 1) * width * 0.001
    y += random(-1, 1) * height * 0.001
    const w = 0.05 * width
    const h = 0.02 * height
    const alpha = map(noise(10000 + frameCount * 0.05 + x * 0.1 * 0.01, 10000 + y * 0.02, frameCount*0.01), 0.3, 0.8, 0, 1, true)
    c.setAlpha(alpha*alpha*alpha * 255)
    fill(c)
    rect(x, y, w, h)
  }
  pop()
}