javascript - javascript 是否不够快来进行流体模拟？

Question

我目前正在尝试在 P5js 上实现小型流体模拟。我尝试用随机颜色渲染 20K 方 block 。我的帧率为 2.xxx。

var sim;
var xdim = 200; var xLength;
var ydim = 100; var yLength;

function setup() {
  createCanvas(800,400);
  sim = new Sim(xdim, ydim);
}

function draw() {
  xLength = width/xdim;
  yLength = height/ydim;
  for (var i = 0; i < xdim; ++i) for (var j = 0; j < ydim; ++j) {
    fill(100);
    rect(i*xLength, j*yLength, xLength, yLength);
  }
  console.log(frameRate());
}

背后的问题是什么？图书馆还不够好吗？还是我电脑配置太差？或者，javascript不适合这种实现？

Answer 1

如果没有MCVE，我们无法帮助调试您的代码。 。具体来说，您尚未提供 Sim 类，因此我们根本无法运行您的代码。

但是您需要退一步问自己:您期望什么表现？如果您没有任何期望，您就不能真正提示性能。

此外，您可能想弄清楚在看到性能影响之前可以显示多少个方 block 。

从这里开始，这是一个寻找优化的游戏。您将必须进行一些分析才能准确了解性能受到影响的位置。也许您显示更少的方 block ，或者您降低帧速率，或者您可能进行一些预渲染。同样，您所做的事情完全取决于您的期望和目标。

我想说的是，您应该将对 console.log() 的调用从 draw() 循环中取出。您应该仅将其用于调试，并且每一帧都调用它不会提高性能。