Ranbow ball

let sizeSlider;

let redSlider;

let greenSlider;

let blueSlider;

let alphaSlider;

let vecLocation=[];

let vecVelocity=[];

let num=30;

function setup() {

  createCanvas(windowWidth, windowHeight);

  frameRate(60);

  redSlider=createSlider(0,255,50)

  redSlider.position(40,60);

  greenSlider=createSlider(0,255,249)

  greenSlider.position(40,100);

  blueSlider=createSlider(0,255,255)

  blueSlider.position(40,140);

  alphaSlider=createSlider(0,255,255)

  alphaSlider.position(40,180);

  sizeSlider=createSlider(width/256,width/16,width/32)

  sizeSlider.position(40,20);

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

    vecLocation[i] =createVector(random(0,windowWidth),random(0,windowHeight));

    vecVelocity[i] =createVector(random(-20,20),random(-5,5));

  }

}

function number(){

let num = input.value();

  }

function draw() {

  background(0);

  fill(255);

  textSize(20);

  text('Size', 20, 20);

  text('R', 20, 60);

  text('G', 20, 100);

  text('B', 20, 140);

  text('Alpha', 20, 180);

  fill(redSlider.value(),greenSlider.value(),blueSlider.value(),alphaSlider.value());

/*  noStroke();

  rectMode(CENTER);

  let rotSpeed = speedSlider.value()/1000.0;

  translate(width/2,height/2);

  rect(0,0,rectSize,rectSize);*/

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

    let Size = sizeSlider.value();

    vecLocation[i].add(vecVelocity[i]);

  ellipse(vecLocation[i].x,vecLocation[i].y,Size,Size);

  if(vecLocation[i].x<0||vecLocation[i].x>width){

      vecVelocity[i].x=vecVelocity[i].x*-1;}

    if(vecLocation[i].y<0||vecLocation[i].y>height){

      vecVelocity[i].y=vecVelocity[i].y*-1;}

}}