Как создать несколько пузырьков с разными цветами на холсте

Question

Я делаю игру в стрелялки с пузырьками, но пузыри окрашены только в один и тот же цвет.Как я могу сделать возможным случайный выбор цвета, а затем получить разные цвета на пузырьках на холсте?

function draw() {
  ctx.beginPath();
  ctx.arc(bubble.x, bubble.y, bubble.radius, bubble.wi4, (bubble.wi5 * Math.PI));
  ctx.stroke();
  ctx.fillStyle = randomColor;
  ctx.fill();
  bubble.x += bubble.dx

  if (bubble.x > innerWidth || bubble.x - boble.radius < 0) {
    bubble.y += 42
    bubble.dx = -bubble.dx
}

Answer 1

Вы можете создать простую функцию для генерации шестнадцатеричного цвета

function randomHexColor(){
  let randomHex = '#';
  for(let i = 0 ;i < 6; i++){
    randomHex += [0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f'][Math.floor(Math.random()*16)];
  }
  return randomHex;
}
console.log(randomHexColor())

А затем назначьте его

ctx.fillStyle = randomHexColor()