Returning array from arrow function in JavaScript

Question

I'm making a solar system generator in JavaScript in p5.js and I want to return an array of rgb values from an arrow function but It doesn't work. The star is white instead of yellow, orange or red.

class Star {
  constructor(x, y) {
    this.x = x;
    this.y = y;
    this.size = random(50, 70);
    this.color = () => {
      let colorChoice = floor(random(6));
      switch(colorChoice) {
        case 0: case 1: case 2: case 3:
          return [255, 255, 0];
          break;
        case 4:
          return [255, 150, 0];
          break;
        case 5:
          return [255, 0, 0];
          break;
      }
    }
  }

  show() {
    noStroke();
    fill(this.color[0], this.color[1], this.color[2]);
    circle(this.x, this.y, this.size);
  }
}

Is there something wrong in the function itself or elsewhere?

fill(this.color[0], this.color[1], this.color[2]); you are not executing this.color. To do that, you should do this.color(). Also, you should execute it once, not three times. — VLAZ
– VLAZ, Commented Apr 28, 2020 at 11:47

Dmitrii Makarov · Accepted Answer · 2020-04-28 11:52:10Z

1

this.color - is a function. Try update your show() method to

let color = this.color();
fill(color[0], color[1], color[2]);

answered Apr 28, 2020 at 11:52

Dmitrii Makarov

7593 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Returning array from arrow function in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related