What is Flag Waver?
Flag Waver is an interactive 3D flag simulation tool that realistically animates flags with physics-based wind effects. It uses WebGL and Three.js to create a dynamic visualization where you can:
- Upload custom flag images or videos
- Control wind speed, direction, and behavior
- Adjust camera position using spherical coordinates
- Customize flag properties including size, mass, and hoisting orientation
- Change scenery with different backgrounds
Loading Flag Waver...
Create and simulate realistic waving flags online with Flag Waver. Upload your own flag image or choose from country flags to see them wave in the wind with customizable settings.
Flag Waver is an interactive 3D flag simulation tool that realistically animates flags with physics-based wind effects. It uses WebGL and Three.js to create a dynamic visualization where you can:
- Upload custom flag images or videos
- Control wind speed, direction, and behavior
- Adjust camera position using spherical coordinates
- Customize flag properties including size, mass, and hoisting orientation
- Change scenery with different backgrounds
The simulation uses realistic cloth physics to create natural flag movement, perfect for visualizing flag designs, testing visibility, or educational purposes.
Target Controls
Note: Changing target moves camera position to maintain the same viewing angle
Reset Camera
Click the reset button to return to default view
Interactive Controls:
- Left-click drag: Orbit camera
- Scroll: Zoom in/out
- Right-click drag: Pan camera
- • Upload custom image or video files
- • Supported formats: Images (PNG, JPG, GIF) and Videos
- • Width: 0.5 - 4 meters (slider control)
- • Height: 0.5 - 3 meters (slider control)
- • Mass: 0.05 - 0.3 kg/m² (affects how flag responds to wind)
- • Match image proportions: Auto-adjust dimensions to image aspect ratio
- • Enable to show different image on back side
- • Upload separate back side image when enabled
- • Sinister: Left side attached to pole (less common)
- • Dexter: Right side attached to pole (standard)
- • Top, Left, Bottom, Right: Which edge is attached
- • Standard: Vertical pole
- • Horizontal: Horizontal pole
- • Outrigger: Angled pole
- • Crossbar: T-shaped pole for vertical hanging
- • Gallery: Wall-mounted display
- • Rotate clockwise: Top becomes right side
- • Rotate and flip: Top becomes left side
- • No change: Keep original orientation
- (Only available with Crossbar flagpole)
- • N (0°): North - Wind from top
- • E (90°): East - Wind from right
- • S (180°): South - Wind from bottom
- • W (270°): West - Wind from left
- • 0-5 m/s: Light breeze
- • 5-15 m/s: Moderate wind
- • 15-30 m/s: Strong wind
Note:
Direction and Speed controls are only available when both Wind and Wind Control are enabled
- • Classic: Default gradient background
- • Blue sky: Clear blue sky gradient
- • Night sky with clouds: Dark sky with cloud effects
- • Custom: Set your own color and/or image
- • Background color: Choose any color with color picker
- • Background image: Upload custom background image