[p5.js 2.0+ Bug Report]: Infinite loops detected when calling splineVertex

[computershawn]

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• WebGPU
• p5.strands
• Build process
• Unit testing
• Internationalization
• Friendly errors
• Other (specify if possible)

p5.js version

2.2.3

Web browser and version

150.0.7871.115 (Official Build) (arm64)

Operating system

MacOS

Steps to reproduce this

Steps:

1. Run the following sketch in the p5.js editor

Doing this yields Error: Multiple infinite loops detected. Stopping execution.

Snippet:

const points1 = [];
const num = 7;

function setup() {
  const s = 640;
  createCanvas(s, s, WEBGL);
  for (let i = 0; i < num; i++) {
    const x = 0.5 * width - random(0, width);
    const y = 0.5 * height - random(0, height);
    const z = 0.5 * width - random(0, width);
    points1.push({
      x: 0.625 * x,
      y: 0.625 * y,
      z: 0.625 * z,
    });
  }
  frameRate(24);
}

function draw() {
  background(15);
  noFill();

  for (let k = 0; k < 32; k++) {
    stroke(255);
    push();
    rotateY(frameCount * 0.01 - k * 0.04);

    beginShape();
    for (let i = 0; i < points1.length; i++) {
      splineVertex(points1[i].x, points1[i].y, points1[i].z);
    }
    endShape(CLOSE);
    pop();
  }
}

[SH-Abdul-Basit]

Hello @computershawn,

Yes, this does seem to be an issue. What's interesting is that I'm seeing different behavior depending on the condition of the k loop.

Observed behavior

• k < 3

  • The sketch runs without any issues.

• k < 4 to k < 7

  • Sometimes the p5 console reports:

    Error: Multiple infinite loops detected. Stopping execution.
    

  • Other times it reports:

    Error: Infinite loop detected at line 25. Stopping execution.
    

    In this case, the sketch continues running for a few frames before execution eventually stops.

  • I also encountered this stack trace once:

    {stack: "toSerializable@https://preview.p5js.org/previewScripts.5160d3e353c69f943e23.js:2:66116
        11130/e.prototype._applyTransform@https://preview.p5js.org/previewScripts.5160d3e353c69f943e23.js:2:61655
        11130/e.prototype._handleValue@https://preview.p5js.org/previewScripts.5160d3e353c69f943e23.js:2:62981
        ...
    "}
    

    I'm not sure whether it's related to the issue or not. It may have just been caused by repeatedly refreshing the sketch while testing.

• k < 8 to k < 32

  • In this range, I consistently get:

    Error: Multiple infinite loops detected. Stopping execution.
    

I tried removing rotateY(), thinking maybe the error was due to repeated calls to the function call, but no, it still showed up.

I'm new to the p5 codebase, so I would appreciate your input on where in the codebase the problem could arise from.