Question

所以现在我正在尝试制作一个patatap克隆。我想把它带到每次按一个键的地方，一个圆圈按照随机颜色在屏幕上的随机位置按比例缩小10％。到目前为止，除了随机颜色部分外，我得到了一切。那么如何每次将其更改为随机生成的颜色？

var keyData = {
  q: {
    sound: new Howl({
      src: ['sounds/bubbles.mp3']
    }),
    color: '#1abc9c'
  }
}

Answer 1

或者，另一种解决方法是使用随机RGB值而不是hex索引生成颜色，因为这可能更容易计算。

以下是个人项目中随机RGB颜色值功能的示例：

function randomColor() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);

    return "rgb(" + r + ", " + g + ", " + b + ")";
}

因此，在howl功能上，将randomColor功能称为新颜色。

Answer 2

将src：pytest-django更改为网址：['sounds/bubbles.mp3']

至于创建随机颜色，最好的办法是创建一个空数组，如下所示：

['sounds/bubbles.mp3']

然后，创建一个能够将随机数生成到数组中的函数，如下所示：

var arr = []

然后生成随机数本身创建一个类似于此的函数：

function generateRandomColors(num){
//make an array
var arr = []
//repeat num times
for(var i = 0; i < num; i++){
    //get random color and push into arr
    arr.push(randomColor())
}
//return that array
return arr;
}

在对象HowlerJS中创建随机颜色

2 个答案: