为什么自制的斜率函数不起作用

Question

为什么不显示倾斜移动的球？

我正在尝试获得一个斜率函数，让这个球在给定两个点和当前 x 的情况下在屏幕上移动，但它不起作用。

function graphY(num,cHI){
    var GsetR = cHI-num;
    return(GsetR);
};

function slope(x1,y1,x2,y2,ex){
    var gg1 = x2-x1;
    var gg2 = y2-y2;
    var ggs = gg2/gg1;
    return(graphY(ggs*ex));
};

function setup() {
    createCanvas(1000,650);   
}

var slipX= 100;
var slipY= 500;

function draw() {
  background(204);
  fill(0,0,0);

  ellipse(slipX,slipY,20,20);
  slipY = slope(100,500,200,400,slipX);
  slipX++;
  text(slipY,20,20);  
}

如果这不是我应该做的。（我看到了一些关于向量的东西，但没听懂）那我该怎么做呢？（它正在以最短路径将物体从一个点移动到另一个点。）

Answer 1

您的代码中有一些简单的问题，可以通过单步执行并查看每个函数来解决。使用调试器或在重要位置放置 console.log() 语句是找出问题所在的好方法。例如，如果您对 slope 函数执行此操作，您会发现错误：

function slope(x1,y1,x2,y2,ex){
    var gg1 = x2-x1;
    var gg2 = y2-y2;
    var ggs = gg2/gg1;
    console.log(ggs)    // <-- why is ggs always zero?? 
                        //     Maybe a typo in gg2 (should probably be y2 - y1)
    return(graphY(ggs*ex));
};

或：

function graphY(num,cHI){
    var GsetR = cHI-num;
    console.log(GsetR)  // <-- why is this NaN
    return(GsetR);
};

graphY() 有两个参数：num 和 cHI。但是你用 slope() 中的一个来调用它。这使得 graphY() NaN 的 return 值（不是数字）。

这些大多只是拼写错误，所以这个帖子可能会在某个时候关闭，但我希望这能让你指明正确的方向。

为什么自制的斜率函数不起作用

Why doesnt self made slope function work

html

javascript

processing

p5.js