Droppy — 液体浸透・コーヒーリング物理シミュレーター
キャンバスをタップ／クリックすると液体が紙に落ちて広がり、乾燥してコーヒーリングが現れる物理シミュレーター。毛細管吸収・表面張力・Perlinノイズによる紙繊維の不均一性をリアルタイム再現。
キャンバスをタップ / クリックすると、液体が紙に落ちて広がり、乾燥してコーヒーリングが現れる物理シミュレーターです。
主な機能
- 4 段階の物理演算 — 衝突スプレッド → 毛細管吸収 → 表面張力 → コーヒーリング乾燥を再現
- 極座標 180 ノード境界 — 滑らかな液滴形状をリアルタイム計算
- 2D Perlin ノイズ — 紙繊維の吸水不均一性を表現
- 自動ドリップ — 1.5 秒ごとにランダムな色・サイズ・水量で自動落下
- ランダムドロップ — 2 秒ごとにパラメーターが変化しながら連続投下
- タイルモード — 端をシームレスにつないだタイルテクスチャを生成
- PNG 保存 — 現在のキャンバスをそのまま画像出力
物理パラメーター
| パラメーター | 説明 |
|---|---|
| 水滴の直径 | 着地時の初期サイズ（3〜100 px） |
| 水量（体積） | 毛細管による滲み広がりの深さ |
| 表面張力 | 形状を円形に引き戻す力 |
| 粘性 | 流動の摩擦ブレーキ |
| 毛細管吸引力 | 繊維が境界から液体を引き込む力 |
| 衝突の衝撃 | 落下直後の初期スプレッド強度 |
| 繊維の粗さ | 吸水の不均一性 |
| 溶質濃度 | 乾燥後の外周リングの濃さ |
| 乾燥スピード | 蒸発速度 |
カラーパレット
| タブ | 内容 |
|---|---|
| ① インク | インク・水彩・染料をテーマにした厳選 24 色（6×4 グリッド） |
| ② HSL | 12 色相 × 3 明度（深・中・淡）＋ グレー 6 色 = 42 色（6×7 グリッド） |
その他の設定
- 紙のタイプ — 画用紙 / クラフト紙 / ノート白紙の 3 種類から背景色を選択
- 背景画像 — 任意の画像をキャンバス背景に読み込み可能（カバー / フィット / ドラッグ位置調整）
- プロファイル保存 — 物理パラメーターと色を localStorage に保存。JSON エクスポート / インポートで設定を共有