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