Starfield 2d: V4

// Challenge: "StarField 2d" https://www.notion.so/neillzero/Starfield-2d-side-scrolling-8053c3cf80b74495a712c2be4ba9130e

​

// This will store our array of "stars"

let stars = [];

​

// Called once at the start

function setup() {

  createCanvas(windowWidth, windowHeight);

  createStars(200); //create them ONCE

}

​

​

​

// Called 60 times per second

function draw() {

  background('black'); //wipe what was onscreen in the previous animation frame

​

  moveStars();

  drawStars();

​

​

}

​

function createStars(starCount) {

  for (let i = 0; i < starCount; i++) {

    let star = {

      x: random(0, width),

      y: random(0, height),

      z: random(30, 70),

      speed: random(1, 5),

    }

    stars.push(star)

  }

}

​

function drawStars() {

  for (let star of stars) {

    strokeWeight(2)

    stroke(97)

    line((star.x - star.z), star.y, star.x, star.y);

    if (star.speed > 3) { // fastest and closest stars (should be: brighter)

      fill(255)

      stroke(240)

      strokeWeight(1)

    } else if (star.speed < 2) { // furthest and slowest stars (should be: dimmer) 

      fill(160)

      stroke(145)

      strokeWeight(1)

    } else { // mid-distance stars (speed 2 and 3) (should be: somewhere in the middle)

      fill(195)

      stroke(180)

      strokeWeight(1)

    }

    circle(star.x, star.y, 2)

  }

}

​

function moveStars() {

  for (let star of stars) {

    star.x += star.speed

    if ((star.x -star.z)> width) {

      star.x = 0

    }

  }

}