Flag Waver Logo

フラッグウェーバー

Flag Waverは、物理ベースの風効果でリアルに旗をアニメーション化するインタラクティブな3D旗シミュレーションツールです。WebGLとThree.jsを使用して、以下のことができる動的なビジュアライゼーションを作成します:

  • カスタム旗画像や動画をアップロード
  • 風速、方向、挙動を制御
  • 球面座標を使用してカメラ位置を調整
  • サイズ、質量、掲揚方向など旗のプロパティをカスタマイズ
  • 様々な背景で風景を変更

シミュレーションはリアルな布の物理を使用して自然な旗の動きを作成し、旗のデザインの視覚化、視認性のテスト、または教育目的に最適です。

ターゲットコントロール

X, Y, Z:カメラの焦点の3D座標(各軸±50単位)

注意:ターゲットを変更すると、同じ視野角を維持するためにカメラ位置が移動します

カメラリセット

リセットボタンをクリックしてデフォルトビューに戻る

インタラクティブコントロール:

  • 左クリックドラッグ:カメラを回転
  • スクロール:ズームイン/アウト
  • 右クリックドラッグ:カメラをパン
画像選択:
  • カスタム画像または動画ファイルをアップロード
  • 対応フォーマット:画像(PNG、JPG、GIF)と動画
寸法:
  • 幅:0.5〜4メートル(スライダーコントロール)
  • 高さ:0.5〜3メートル(スライダーコントロール)
  • 質量:0.05〜0.3 kg/m²(旗の風への反応に影響)
  • 画像比率に合わせる:画像のアスペクト比に寸法を自動調整
両面オプション:
  • 有効にすると裏面に別の画像を表示
  • 有効時に別の裏面画像をアップロード
掲揚(旗の取り付け):
  • シニスター:左側がポールに取り付け(まれ)
  • デクスター:右側がポールに取り付け(標準)
向き:
  • 上、左、下、右:どの端が取り付けられるか
旗竿タイプ:
  • スタンダード:垂直ポール
  • ホリゾンタル:水平ポール
  • アウトリガー:傾斜ポール
  • クロスバー:垂直吊り下げ用T字型ポール
  • ギャラリー:壁掛けディスプレイ
垂直吊り下げ方法:
  • 時計回りに回転:上が右側になる
  • 回転して反転:上が左側になる
  • 変更なし:元の向きを維持
  • (クロスバー旗竿でのみ利用可能)
Wind Toggle:風シミュレーションの有効/無効
Wind Control:風のパラメータを手動制御
方向:0-360度(方位マーカー付き)
  • N(0°):北 - 上からの風
  • E(90°):東 - 右からの風
  • S(180°):南 - 下からの風
  • W(270°):西 - 左からの風
速度:0-30 m/s(メートル毎秒)
  • 0-5 m/s:そよ風
  • 5-15 m/s:中程度の風
  • 15-30 m/s:強風

Note:

方向と速度のコントロールは、風と風制御の両方が有効な場合のみ利用可能です

背景オプション:
  • クラシック:デフォルトのグラデーション背景
  • 青空:晴れた青空のグラデーション
  • 夜空と雲:雲の効果のある暗い空
  • カスタム:独自の色や画像を設定
カスタム背景(選択時):
  • 背景色:カラーピッカーで任意の色を選択
  • 背景画像:カスタム背景画像をアップロード