KakezanGradientCurve

1. はじめに

KakezanGradientCurve は、

制御点つきベジェ曲線 × FlamePainter風の揺らぎ生成 × 高解像度PNG書き出しに特化したグラデーションライン生成ツールです。

グラフィック制作、エフェクト素材作成、VFX演出、UIライン演出など

幅広い用途で利用できます。

2. 基本UI構成

パネル 内容

左パネル グローバル調整 / Flame揺らぎ（画全体への影響）

中央 キャンバス（リアルタイム描画）

右パネル プリセット・ユーザー保存・カーブ編集・書き出し

上部バーには　グリッド表示　/　Preview　/　ドラッグ中は軽量描画

の 3 つの補助機能があります。

動作が重いと感じた場合はドラッグ中は軽量描画をご利用ください

3. 操作方法

3.1 制御点の編集

白い点：カーブの頂点

黄色い点：方向ハンドル

ドラッグで位置調整

Shift キー：微調整

3.2 色・グラデーション

Core（芯）

StartPos（始端）

CenterPos（中央）

EndPos（終端）

の 4色を自由に設定できます。

4. Flame揺らぎについて

FlamePainter を参考にした独自アルゴリズムです。

パラメータ 説明

Noise強度 線の揺れ幅

Noise周波数 揺れの細かさ

Noiseシード 揺れパターンのランダム性

Ribbon幅ベース ラインの太さの基準

Ribbon脈動 呼吸のような脈動感

Turbulence角度 全体の流れ方向

5. プリセット（15種類）

プリセットは、カーブの位置は変更せず

「色・揺らぎ・質感」のみを適用する設計です。

すぐに雰囲気を変えたい場合に便利です。

6. ユーザー保存（5枠）

ユーザー保存は

カーブ位置 + 色 + 揺らぎ + 全設定

を含む「完全保存」です。

HTMLに保存

クリックすると、ユーザー保存データを埋め込んだ

新しいHTMLがダウンロードされます。

7. 書き出し

PNG：

現在の描画を高解像度で保存

（1920×1080 / 2560×1440 / 4K 対応）

SVG：

軽量版。線の美しさを保ったまま拡大可能。

JSON保存 / JSON読込

外部プロジェクト間でデータ交換できます。

8. 推奨設定

背景黒 × 明度高めのグラデーション

Ribbon幅：1.0〜2.8

Noise周波数：2〜6

プリセットから調整すると破綻しにくいです

9. トラブルシューティング

描画が遅い PreviewをON、軽量描画ON

書き出しが真っ黒 中央パネルが見切れていないか確認

揺らぎが激しすぎる Noise周波数を下げる

10. 免責・利用規約

商用利用可

再配布・再販売は禁止

生成物の著作権は使用者に帰属

不具合対応は可能な範囲で行います