（Javascript）如何从 4 个可能的变量中选择一个随机变量并使用它们的值（x 和 y 坐标）在 Canvas 上绘制图像？

Question

在 Javascript（画布）中，我想在 4 个随机位置之一绘制图像。 我创建了 4 个具有 x 和 y 值的变量，如下所示：

var spawn1 = { x: -300, y: Math.floor(Math.random() * (canvas.height + 1)), } var spawn2 = { x: canvas.width + 300, y: Math.floor(Math.random() * (canvas.height + 1)), } var spawn3 = { x: Math.floor(Math.random() * (canvas.width + 1)), y: -300, } var spawn4 = { x: Math.floor(Math.random() * (canvas.width + 1)), y: canvas.height + 300, }

我将如何 go 随机选择其中一个，然后使用其 x 和 y 值绘制具有这些坐标的图像？ 我真的不知道如何从这里开始，或者是否有更好的解决方案。

Answer 1

不要将它们存储在 4 个单独的变量中，而是尝试制作这 4 个对象的数组

var locations = [spawn1,spawn2,spawn3,spawn4];

然后按它们的索引选择它们（随机生成它们）

var location = locations[Math.floor((Math.random()*locations.length))]
//location.x
//location.y