補間 は、2つの他の値の間の値を計算します。例えば、数字5は 0と10の間の中間点です。異なるタイプの補間は 値の間の変化率が異なります。線形補間は、 lerpと略され、一定の変化率を使用します。この lerp() 関数は2つの数値の間を線形に補間します。この lerpColor() 関数は、ここで示されているように、2つの色の間を線形に補間します。 この例では、stripeCount変数が表示される横縞の数を調整します。 値を高く設定すると、個々の縞のようには見えず、グラデーションのように見えます。
色の補間 by p5.js Contributors and the Processing Foundation is licensed under CC BY-NC-SA 4.0.
関連する実例
上部が明るい緑、下部が暗い青にフェードする横縞。
色の補間
2つの色の間でフェードします。
小さな円がそれぞれ異なる色で、円形のパスに配置され、色のスペクトル全体の色相を表示します。
カラーホイール
色のスペクトルの視覚化を作成します。
十本の虹色の線がベジェ曲線の形で描かれます。
ベジェ曲線
曲線のセットを描画します。
ダークグレーのキャンバスが、内部に描かれた線を対称的なセクションで反射します。
万華鏡
マウスで鏡像デザインを描画します。
ブラックとホワイトの抽象的なノイズテクスチャ。
ノイズ
パーリンノイズを使用して自然なテクスチャを生成します。
黒い背景に描かれた虹色のフラクタルツリー。
再帰的な木
自己呼び出し関数を使用して木を描画します。