【ゲーム数学】第七回 p5.jsで学ぶゲーム数学「積分の実装とクロソイド曲線」

// 関数
function func(x) {
  return 2*x; // => x**2
}

// 積分
function integral(start, end) {
  let r = 0.0;
  let dx = 0.01; // 間隔を小さくすると精度が向上する
  if (start > end) {
    [start, end] = [end, start];
  }
  for (var x = start; x < end; x += dx) {
    r += func(x) * dx;
  }
  return r;
}

// クロソイド曲線の描画
function drawClothoidIntegral() {
  strokeWeight(1.5);
  stroke(0, 0, 255);
  let dt = 0.01;
  let l = 10;
  for (let t = -l; t < l; t+=dt) {
    let vec = 0 < t ? 1 : -1; // 0からの方向になるので負の場合は反転させる
    drawLineCanvas(
      vec * integral(0, t, clothoidFuncX),
      vec * integral(0, t, clothoidFuncY),
      vec * integral(0, t+dt, clothoidFuncX),
      vec * integral(0, t+dt, clothoidFuncY));
  }
}

// クロソイド曲線の関数
function clothoidFuncX(x) {
  return cos(x**2/2);
}
function clothoidFuncY(y) {
  return sin(y**2/2);
}