Sierpinski不完整的三角形显示

Question

我正在关注教科书代码的性质的示例7.1。 （原始代码是用java编写的，但是由于处理库在功能上与p5.js相同，因此我已经为其重写了JavaScript，以便于方便）

我相信我已经逐字复制了示例代码，但是不知何故，我最终取得了我没想到的结果。 Sierpinski的三角形中有一个不完整的部分。

我想知道我在代码中出错的地方，或者我可能会误解这类问题。

这是图像的代码

class CA {
  constructor(ca_width) {
    this.generation = 0;
    this.w = 5;
    this.cells = new Array(1050 / this.w);
    this.newcells = new Array(this.cells.length);
    this.ruleset = [0, 1, 0, 1, 1, 0, 1, 0]; // [1,1,0,1,1,1,1,0]//

    for (let i = 0; i < this.cells.length; i++) {
      this.cells[i] = 0;
    }

    this.cells[this.cells.length / 2] = 1;
  }


  generate() {
    let nextgen = new Array(this.cells.length);
    for (let i = 1; i < this.cells.length - 1; i++) {
      let left = this.cells[i - 1];
      let me = this.cells[i];
      let right = this.cells[i + 1];
      nextgen[i] = this.rules(left, me, right);
    }
    this.cells = nextgen;
    this.generation++;
  }

  rules(a, b, c) {
    let s = "" + a + b + c;
    let index = parseInt(s, 2);
    return this.ruleset[index];
  }

  display() {
    for (let i = 0; i < this.cells.length; i++) {
      if (this.cells[i] == 0)
        fill(255);
      else fill(0);
      stroke(0);
      rect(i * this.w, this.generation * this.w,
        this.w, this.w);
    }
  }
}

let cA;

function setup() {
  createCanvas(windowWidth, windowHeight);
  cA = new CA(1000);
}

function draw() {
  // createCanvas(windowWidth, 400);
  // background(150);

  cA.display();
  cA.generate();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.js"></script>

Answer 1

基于您计算下一代的逻辑，this.cells [0] and this.cells.at（-1）始终不确定，呈现为黑色。您可能需要将这些初始化为0，并可能使用环绕逻辑来计算其值（即cells [0] = rule（cells.ats.at（-1），单元格[0]，单元格[1]）< /代码>）。

我不知道您的Java代码是什么样的，但是如果您使用的是new Int []类型，那么它将被归零并可能按预期工作，与JS 不同， array（）。

通常，请谨慎使用 array（） js中的构造函数。它将单元格留在了一个非初始化的状态（“空插槽”），因此您通常要链.fill（0）或dreak/map它使其成为可用，您期望这样的构造函数会像Java一样发出的毫不奇怪的阵列。

请记住，代码的性质为在p5.js版本中可用，并且存在从处理到p5.js的自动翻译器，例如 pde2js 。请注意，我没有尝试过PDE2J或其他翻译人员，但他们似乎值得一看。