title: How do I use this color object?
body: <p>I do have an array of objects (book) here. My question is: How do I use the "color" object so each book has its color property? I think it has to be something like this -> book[amount].color &lt;- but I can't make it work.</p>
  
  <p>I don't know how to call the color property.</p>
  
  <p>This is the array of objects:    </p>
  
  <pre><code>var book = [
  
      {title: "The Giver",
      stars: 3,
      author: "Lowry Loys",
      color: color(0, 38, 255), //How do I make this property work in the code?
      image: true},
  
      {title: "How to win friends",
      stars: 5,
      author: "Dale Carnegie",
      color: color(214, 255, 219),
      image: false},
  
      {title: "Principios fund. de la filosofía",
      stars: 5,
      author: "Georges Politzer",
      color: color(115, 0, 255),
      image: false}
  ];    
  </code></pre>
  
  <p>This is the code</p>
  
  <pre><code> // draw shelf
      fill(173, 117, 33);
      rect(0, 120, width, 10);
  
  // draw books + title + author
  for (var amount = 0; amount &lt; book.length; amount++) { //draw books
      fill(214, 255, 219);
      rect(154*amount, 20, 90, 100);
      fill(0, 0, 0);
      textSize(13);
      text(book[amount].title, 5 + 158*amount, 27, 68, 100); //draw title
      textSize(10);
      text(book[amount].author, 5 + 155*amount, 91, 75, 100); //draw author
  
      for (var s = 0; s &lt; book[amount].stars; s++) { //draw stars
      image(getImage("cute/Star"), 11 + s * 15 + amount * 151, 98, 15, 22);
      }
  
      for (var i = 0; i &lt; book[amount].image; i++) { //draw stars
      image(getImage("avatars/aqualine-sapling"), 9 + i * 60 + amount * 46, 42, 36, 39);
      }
  }
  </code></pre>