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:
方向と速度のコントロールは、風と風制御の両方が有効な場合のみ利用可能です
背景オプション:
- • クラシック:デフォルトのグラデーション背景
- • 青空:晴れた青空のグラデーション
- • 夜空と雲:雲の効果のある暗い空
- • カスタム:独自の色や画像を設定
カスタム背景(選択時):
- • 背景色:カラーピッカーで任意の色を選択
- • 背景画像:カスタム背景画像をアップロード