Javascript 使用cordinates将点绘制到画布,未按预期工作。P5js

Javascript 使用cordinates将点绘制到画布,未按预期工作。P5js,javascript,p5.js,Javascript,P5.js,我在尝试根据设置的x和y坐标向画布绘制点时遇到问题 我写的代码是: let cord1x; let cord1y; let cord2x; let cord2y; function setup(){ createCanvas(600, 400); cord1x = floor(random(width, height)); cord1y = floor(random(width, height)); cord2x = floor(random(width,

我在尝试根据设置的x和y坐标向画布绘制点时遇到问题

我写的代码是:

let cord1x;
let cord1y;

let cord2x;
let cord2y;
function setup(){
    createCanvas(600, 400);

    cord1x = floor(random(width, height));
    cord1y = floor(random(width, height));

    cord2x = floor(random(width, height));
    cord2y = floor(random(width, height));


    let d = dist(cord1x, cord1y, cord2x, cord2y);
    console.log(d);
}
function draw(){
    noFill();

    background(51);

    stroke(255);
    strokeWeight(8);
    point(cord1x, cord1y);
    point(cord2x, cord2y);
}
我的预期输出或结果是,应该在X坐标和Y坐标设置的点处绘制点。

编辑-操作完全改变了问题,因此现在的答案是多余的

我很难理解问题是什么

我的预期输出或结果是该点应按设定值绘制

我猜你的意思是,你想把这些圆画成某种集合?我推断出这一点是因为我注意到你在循环宽度和高度,但实际上没有对这些数据做任何处理,所以你有:


但是你只是把椭圆放在一个随机的位置,所以x显然我很愚蠢

cord1x = floor(random(width, height));
cord1y = floor(random(width, height));

cord2x = floor(random(width, height));
cord2y = floor(random(width, height));
应该是

cord1x = floor(random(width));
cord1y = floor(random(height));

cord2x = floor(random(width));
cord2y = floor(random(height));

我很难理解你的问题是什么,我看到屏幕上有3个按钮,然后是一些圆圈?@Lukegarigan我很抱歉链接不起作用。我现在已将代码复制到问题中。希望它是可读的。对于给您带来的不便,我非常抱歉,您现在应该可以更好地阅读我的问题了。我很困惑,您编辑了这个问题,但现在它完全不同了?可能是另一个问题。是的,我有。
cord1x = floor(random(width));
cord1y = floor(random(height));

cord2x = floor(random(width));
cord2y = floor(random(height));