//no protect

​

class Ball {

  constructor(...args){

    //Supported constructors:

    //// pos, vel, r, col

    //// x, y, vel, r, col

    //// x, y, velx, vely, r, col

    //// pos, velx, vely, r, col

    let i = 0, arg = "pos", bool = true;

    while(bool){

      switch(arg){

        case "pos": //pos

          if(typeof args[i] === "number") this.pos = [args[i], args[i+1]], i += 2;

          else this.pos = args[i], i += 1;

          arg = "vel";

          break;

        case "vel":

          if(typeof args[i] === "number") this.vel = [args[i], args[i+1]], i += 2;

          else this.vel = args[i], i += 1;

          arg = "r";

          break;

        case "r":

          this.r = args[i], i += 1, arg = "col";

          break;

        case "col":

          this.col = args[i], bool = false;

      }

    }//Alternatives for arrays

    Object.defineProperty(this, "x", {

      get: ()=>this.pos[0],

      set: (x)=>(this.pos[0] = x)

    });

    Object.defineProperty(this, "y", {

      get: ()=>this.pos[1],

      set: (y)=>(this.pos[1] = y)

    });

    Object.defineProperty(this, "velx", {

      get: ()=>this.vel[0],

      set: (velx)=>(this.vel[0] = velx)

    });

    Object.defineProperty(this, "vely", {

      get: ()=>this.vel[1],

      set: (vely)=>(this.vel[1] = vely)

    });

  }render(){

    fill(this.col); stroke(0); strokeWeight(0.5);

    ellipse(this.pos[0], this.pos[1], this.r, this.r);

  }tick(){

    let newPos = this.pos.map((x, i) => x + this.vel[i]);

    //TODO: If on edge, bounce

  }

}

​

let player;

​

function setup(){

  createCanvas(960, 540);

  player = new Ball();

}

​

function draw(){

  background(200);

  player.render();

}