「炎」を表現する

// Emberveil — 立ち上る炎の火舌を粒子＋上昇フローフィールドで描く（p5.js）
// ① 温度勾配：粒子の寿命 t(0→1) を 白熱→橙→赤→暗赤→煙 へマップ
const STOPS = [
  [0.00, 255,244,212], [0.16, 255,206,84], [0.36, 255,140,32],
  [0.58, 232,58,26],   [0.78, 120,22,12],  [1.00, 30,24,22],
];
function temp(t){ /* STOPS を線形補間して [r,g,b] を返す */ }

// ② 房化：spawn位置をノイズで「明るい火柱」に寄せ、暗い隙間を作る
function spawnX(){
  let best = random(width), bestD = -1;
  for (let k=0;k<3;k++){ const c = random(width);
    const d = noise(c*0.010, tz*0.6); if (d>bestD){ bestD=d; best=c; } }
  return best;
}

function stepFire(){
  // ③ 微フェードの暗ヴェールで尾を残す（前フレームをわずかに減衰）
  blendMode(BLEND); noStroke();
  const b = color(params.bg); b.setAlpha(params.fade); fill(b); rect(0,0,width,height);
  blendMode(ADD); // ④ 加算合成：重なるほど明るく発光する
  for (const p of P){
    const n = noise(p.x*params.noiseScale, p.y*params.noiseScale, tz) - 0.5;
    const heightNorm = 1 - (p.y/height);
    const vx = n*params.sway*(1.0 + heightNorm*1.6); // 横揺れ(lick)は上ほど大きく
    const vy = -p.spd*(0.9 + 0.3*(1-heightNorm));
    const px=p.x, py=p.y; p.x+=vx; p.y+=vy; p.age++;
    const t = p.age/p.max, col = temp(t);
    const a = (t<0.15? t/0.15 : 1) * Math.pow(1-t,1.5) * 172; // 根元で明るく、上で消える
    const w = p.w*(1.0 - 0.6*t);                              // 上ほど細く千切れる
    stroke(col[0],col[1],col[2], a*0.45); strokeWeight(w*2.4); line(px,py,p.x,p.y); // 滲み
    stroke(col[0],col[1],col[2], a);      strokeWeight(w);     line(px,py,p.x,p.y); // 芯
    if (p.age>=p.max || p.y<-4) Object.assign(p, newP());
  }
  // ⑤ 火の粉（E）は本体より高く舞い、素数的に異なる位相で点滅
  tz += params.drift; // ノイズの時間発展＝炎が呼吸し続ける
}
// reduced-motion なら数十フレーム展開して noLoop() で静止。
// iframe で埋め込み: <iframe src="/demos/ember/index.html" height="180" sandbox="allow-scripts">