My Sketch

let stars = [];

let nebulae = [];

let galaxies = [];

let blackHoles = [];

let starCount = 300;

let nebulaCount = 5;

let galaxyCount = 3;

let blackHoleCount = 2;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  noSmooth();

  noStroke();

  generateStars();

  generateNebulae();

  generateGalaxies();

  generateBlackHoles();

}

​

function draw() {

  background(10, 15, 30); // Deep space background

​

  // Draw stars

  for (let star of stars) {

    star.display();

  }

​

  // Draw nebulae

  for (let nebula of nebulae) {

    nebula.display();

  }

​

  // Draw galaxies

  for (let galaxy of galaxies) {

    galaxy.display();

  }

​

  // Draw black holes

  for (let blackHole of blackHoles) {

    blackHole.display();

  }

}

​

function generateStars() {

  stars = [];

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

    let x = random(width);

    let y = random(height);

    let size = random(1, 3);

    let brightness = random(200, 255);

    stars.push(new Star(x, y, size, brightness));

  }

}

​

function generateNebulae() {

  nebulae = [];

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

    let x = random(width);

    let y = random(height);

    let size = random(200, 400);

    let color1 = color(random(100, 255), random(50, 150), random(150, 255), 100);

    let color2 = color(random(50, 150), random(100, 255), random(150, 255), 80);

    nebulae.push(new Nebula(x, y, size, color1, color2));

  }

}

​

function generateGalaxies() {

  galaxies = [];

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

    let x = random(width);

    let y = random(height);

    let arms = int(random(4, 8));

    let radius = random(100, 300);

    let color1 = color(random(200, 255), random(200, 255), random(255), 150);

    galaxies.push(new Galaxy(x, y, arms, radius, color1));

  }

}

​

function generateBlackHoles() {

  blackHoles = [];

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

    let x = random(width);

    let y = random(height);

    let size = random(50, 100);

    blackHoles.push(new BlackHole(x, y, size));

  }

}

​

// Star Class

class Star {

  constructor(x, y, size, brightness) {

    this.x = x;

    this.y = y;

    this.size = size;

    this.brightness = brightness;

  }

  display() {

    fill(this.brightness);

    ellipse(this.x, this.y, this.size);

  }

}

​

// Nebula Class

class Nebula {

  constructor(x, y, size, color1, color2) {

    this.x = x;

    this.y = y;

    this.size = size;

    this.color1 = color1;

    this.color2 = color2;

  }

  display() {

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

      let offsetX = random(-this.size / 2, this.size / 2);

      let offsetY = random(-this.size / 2, this.size / 2);

      fill(lerpColor(this.color1, this.color2, random(1)));

      ellipse(this.x + offsetX, this.y + offsetY, random(10, 30));

    }

  }

}

​

// Galaxy Class

class Galaxy {

  constructor(x, y, arms, radius, color1) {

    this.x = x;

    this.y = y;

    this.arms = arms;

    this.radius = radius;

    this.color1 = color1;

  }

  display() {

    push();

    translate(this.x, this.y);

    fill(this.color1);

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

      let angle = random(TWO_PI) + (floor(random(this.arms)) * PI / this.arms);

      let dist = pow(random(1), 0.5) * this.radius;

      let posX = cos(angle) * dist;

      let posY = sin(angle) * dist;

      ellipse(posX, posY, 2, 2);

    }

    pop();

  }

}

​

// Black Hole Class

class BlackHole {

  constructor(x, y, size) {

    this.x = x;

    this.y = y;

    this.size = size;

  }

  display() {

    push();

    translate(this.x, this.y);

    fill(0);

    ellipse(0, 0, this.size);

    noFill();

    strokeWeight(2);

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

      let glowColor = lerpColor(color(255, 100, 0, 50), color(255, 0, 0, 20), i / 10);

      stroke(glowColor);

      ellipse(0, 0, this.size * 1.5 + i * 5);

    }

    pop();

  }

}