访问像素[]数组在p5.js (javascript)

accessing pixels[ ] array in p5.js (javascript)

本文关键字:js javascript p5 像素 数组 访问      更新时间:2023-09-26

我试着循环遍历画布中的每个像素,检查并存储其颜色。如果不是白色,(有事情发生),否则,(什么都没有)。将会有一个嵌套循环,但我对'idx'值感到困惑,如参考中所写:

var d = pixelDensity;
  for (var i = 0; i < d; i++) {
    for (var j = 0; j < d; j++) {
      // loop over
      idx = 4*((y * d + j) * width * d + (x * d + i));
      pixels[idx] = r;
      pixels[idx+1] = g;
      pixels[idx+2] = b;
      pixels[idx+3] = a;
    }
  }

我猜它与使用(x,y)读取像素矩阵有关,但我甚至不确定这是必要的。我正在尝试制作一个基于目标的粒子系统,遵循这个使用文本的教程。

帮助吗?

这是我的计算:

index = 4 * (<<Y0 + j) *这个。W +这个。X0 + i)

不确定你的像素密度。你也在平方它。

我注意到Windows和(ios+linux)的行为不同