javascript - 如何在 JavaScript 中根据距头部圆的距离生成新的随机圆？

Question

我在 JavaScript Canvas 上的某个范围内的随机位置上画了一个圆圈。

我想在距第一个圆中心特定距离 (200) 的随机位置上再生成 2 个圆。

有一种方法可以生成新的坐标，直到距离等于200，但应该有更好的解决方案，对吧？

我该如何执行以下操作？

代码:

var x = getRandomInt(200, 800)
var y = getRandomInt(200, 400)
var r = 60
drawCircle (x, y, r)

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min
}

function drawCircle(x, y, r) {  
    context.beginPath()
    context.arc(x, y, r, 0, 2 * Math.PI, false)
    context.fillStyle = "#fc3358"
    context.fill()
    context.closePath()
}

Answer 1

要生成距中心点(CX，CY)距离为 R(此处为 200)的随机 Angular 点，请使用简单的三 Angular 公式:

Phi = Random * 2 * Math.PI; //Random in range 0..1
X = CX + Round(R * Cos(Phi));
Y = CY + Round(R * Sin(Phi));