f.2 Fabric Fluttering
Ⅰ. Overview of Fabric Fluttering Effect
Style3D Studio simulates natural fabric fluttering under wind by combining wind controllers, avatar motions and fabric physical properties. This feature is widely used for flowing skirt presentation, runway animation enhancement, e‑commerce dynamic visuals and other scenarios.
The general workflow for fabric fluttering is as follows:
- Complete garment pattern setup and base simulation (ensure stable fitting result)
- Adjust fabric physical properties to get proper fluttering characteristics
- Add and configure wind controllers (set wind direction, strength and other parameters)
- Run simulation to preview fluttering and fine‑tune parameters
- Optional: Combine with avatar motions for more natural fluttering
- Render and export fluttering animation or static snapshots
Figure: Wind Controller Entry in Scene Manager Viewport
Ⅱ. Pre‑Preparation: Garments and Fabrics
2.1 Complete Garment Simulation
Before adding wind‑driven fluttering effects, finish basic garment modeling and simulation to ensure:
- Good garment fitting without obvious mesh penetration
- Correct sewing connections
- Reasonable fabric physical property settings
- Stable garment shape after simulation
2.2 Adjust Particle Distance
Particle distance directly determines the fineness of fluttering. Excessively large particle distance causes sharp angular edges and unnatural soft folds during fabric movement.
Operation Path: Home ▶ Select/Move ▶ Right‑click pattern piece in 2D Viewport ▶ Property Editor ▶ Simulation Properties ▶ Particle Distance
Recommended Settings:
- Standard fluttering effect: Particle Distance ≤ 10
- High‑precision fluttering (skirt hems, scarves, etc.): Particle Distance 5‑8
- Performance‑first (quick preview): Particle Distance 10‑15
⚠️ Note: Smaller particle distance generates more mesh polygons and increases simulation workload. Preview with larger values first, then reduce for fine‑tuning once satisfied with overall results.
2.3 Select Garment Types Suitable for Fluttering
Fluttering works best on the following garment types:
- Long Skirt / Dress — Large skirt area delivers the most noticeable fluttering
- Cape / Cloak — Large draped fabric area with prominent wind reaction
- Silk Scarf / Shawl — Lightweight fabric highly responsive to wind
- Loose Top / Blouse — Natural fluttering at hem and cuffs
- Wedding Dress / Gown — Flowing effect for veils and train hems
⚠️ Note: Tight‑fitting garments (e.g. leggings, tank tops) sit closely against the avatar body and show minimal fluttering; they are not ideal subjects for wind‑driven demonstrations.
2.4 Fabric Selection Recommendations
Different fabric types respond very differently to wind force:
Fabric type | Fluttering Behavior | Applicable Scenarios |
Chiffon/Tulle | Highly flutter‑prone, light and flowing | Fairy‑style dresses, veils, silk scarves |
Silk/Satin | Soft fluttering with luster | Gowns, evening wear, blouses |
Cotton/Linen | Moderate fluttering, natural texture | Daily‑wear skirts, blouses |
Knit/Woolen | Limited fluttering, heavy‑weight feel | Swinging effect for overcoats |
Leather/Denim | Barely flutters | Not recommended for fluttering demonstrations |
Ⅲ. Adjust Fabric Physical Properties
Fabric physical properties are the core parameters that determine fluttering performance. Proper settings enable realistic and natural fabric movement under wind force.
3.1 Open Fabric Physical Properties Panel
Operation Path: Scene Manager Viewport ▶ Fabric ▶ Select target fabric ▶ Property Editor ▶ Physical Properties
Alternative access path: Operation Path: Home ▶ Select/Move ▶ Right‑click pattern piece in 2D Viewport ▶ Property Editor ▶ Fabric Name (click to jump to fabric properties) ▶ Physical Properties
💡 Tip: The physical‑properties panel includes Stretch, Bend, Density, Friction and other parameters. Each parameter can be set separately for Warp (Longitudinal) and Weft (Transverse) directions.
3.2 Key Parameter Details
① Bend (Warp / Weft) — Core parameter for fluttering effect
Bend value controls fabric stiffness and is the most direct factor affecting fluttering.
- Lower value → Softer fabric, bends and flutters more easily in wind
- Higher value → Stiffer fabric, smaller fluttering amplitudeAdjustment Suggestions:
- Tulle / Chiffon effect: Set Bend value very low
- Regular cotton effect: Keep Bend value at medium level
- Stiff fabrics (e.g. Denim): Higher Bend value, not suitable for fluttering demonstrations
② Density — Controls fabric “weight feel”
Density defines fabric mass, directly governing how fabric reacts to wind and gravity.
- Low density → Light‑weight fabric, easily blown like tulle
- High density → Heavy fabric, requires stronger wind to generate fluttering
③ Stretch (Warp / Weft) — Controls fabric deformation
The Stretch value controls the fabric’s resistance to stretching.
- Moderately lower Stretch value → Fabric produces subtle wind‑driven deformation more easily
- Excessively low Stretch value → Fabric may over‑stretch and lose realism
④ Friction (Dynamic Friction / Static Friction) — Controls fabric sliding
Friction determines sliding resistance between fabrics, and between fabric and avatar.
- Moderately lower Friction → Fabric slides and flutters more freely
- Excessively low Friction → Fabric may slip off the avatar
3.3 Core Tuning Logic for Fluttering Effects
To achieve more noticeable fluttering: make fabric lighter and softer.
Procedure:
- Enable simulation and observe current fabric motion
- While simulation runs, gradually lower Bend value and monitor fabric softness
- Then moderately reduce Density to lighten the fabric
- Fine‑tune Stretch and Friction to refine overall performance
- Iterate adjustments until desired result is achieved, then disable simulation
💡 Tip: If fabric physical properties are derived from real‑world tests via Style3D Fabric, fine‑tune these values instead of making drastic changes to preserve physical authenticity.
3.4 Partial Physical Property Split (V8.0+)
Use Partial Physical Property Split if you want different garment sections to have distinct fluttering behaviors (e.g. stable upper body, flowing hem).
Procedure:
- Draw internal lines at positions for zone division Operation Path: Home ▶ Edit Pattern ▶ Internal Line Tool ▶ Draw split lines on pattern pieces
- Convert internal lines to split lines Operation Path: Home ▶ Edit Pattern ▶ Select target internal line ▶ Property Editor ▶ Split Pattern
- Assign physical properties for individual zones Operation Path: Select split pattern segments in 3D Viewport ▶ Edit physical properties for partial patterns in Property Editor
Application Examples:
- Skirt hem → Lower Bend and Density for enhanced fluttering
- Waist & upper body → Maintain higher stiffness for stable fitting
- Cuffs → Slightly lower Bend value for gentle cuff fluttering
Ⅳ. Add and Configure Wind Controller
Wind Controller is the essential tool for fabric fluttering. Add wind controllers in the scene to simulate natural wind acting on garments.
4.1 Add Wind Controller
Operation Path: Scene Manager Viewport ▶ Scene ▶ Environment ▶ Wind Controller ▶ Click “+” to add
After creation, a visual icon appears in the 3D Viewport (arrow indicates wind direction).
💡 Tip: Multiple wind controllers are supported starting from V9.0 for complex wind‑field simulation. Only one wind controller is available in versions prior to V9.0.
Figure: Adding a Wind Controller in the Scene Manager Viewport
4.2 Adjust Wind Controller Parameters
After adding a wind controller, adjust its various parameters in the Property Editor.
Operation Path: Scene Manager Viewport ▶ Scene ▶ Environment ▶ Select Wind Controller ▶ Property Editor
Parameter | Description | Adjustment Suggestions |
Wind Strength | Controls the magnitude of wind force | Gradually increase from low values to prevent violent fabric jitter |
Wind Direction | Direction from which wind blows (XYZ‑axes) | Set according to camera view and desired fluttering direction |
Turbulence | Degree of random wind disturbance | Higher turbulence yields more natural, irregular fluttering |
Frequency (sec) | Speed of wind intensity variation | Low frequency = slow fluttering; High frequency = rapid jitter |
4.3 Adjust Wind Controller Position and Direction
The wind controller is displayed as a visual icon in the 3D Viewport and can be precisely controlled as follows:
Procedure:
- Click to select the wind‑controller icon in the 3D Viewport
- Drag the gizmo to adjust position and rotation direction
- You may also input exact XYZ coordinates and rotation angles directly in the Property Editor
Wind Direction Tips:
- Wind blows toward the avatar from front → Skirt hem flutters backward
- Wind blows from side → Skirt hem flutters sideways
- Wind blows upward from below → Simulate air‑lifted skirt effect (Marilyn‑style effect)
💡 Tip: If the wind‑controller icon is invisible in the 3D Viewport, check whether wind‑controller display is enabled under 3D Viewport ▶ Scene.
4.4 Wind Parameter Reference for Different Scenarios
Target Effect | Wind Strength | Turbulence | Frequency (sec) | Typical Scenarios |
Gentle Breeze | Low | Low | Low | Indoor shooting, static presentation |
Natural Wind | Medium | Medium | Medium | Outdoor runway show, everyday presentation |
Strong Gust | High | High | Medium | Commercial shoots, dramatic effects |
Storm Effect | Extremely high | Extremely high | High | Special creative scenarios |
⚠️ Note: Do not set excessively high wind values at once, which may cause violent fabric jitter or even mesh penetration. Start with low wind values, gradually increase while simulation is running, and adjust based on visual feedback.
4.5 Using Multiple Wind Controllers (V9.0+)
Version V9.0 supports multiple wind controllers within one scene for richer fluttering results.
Operation Path: Scene Manager Viewport ▶ Scene ▶ Environment ▶ Wind Controller ▶ Click “+” again to add a second unit
Figure: Adding Multiple Wind Controllers is Supported in V9.0
Application Scenarios for Multiple Wind Controllers:
- Cross‑wind Field: Add two wind controllers with different directions to simulate variable‑direction wind in real‑world environments.
- Local Strong Wind + Global Gentle Breeze: Set one controller for global gentle breeze, and another for strong directional wind.
- Indoor Ventilation Simulation: Deploy multiple low‑intensity wind controllers blowing from various directions to replicate natural wind entering through doors and windows.
Ⅴ. Enable Simulation and Preview Fluttering Effects
After configuring fabric properties and wind controllers, enable simulation to preview actual fluttering performance.
5.1 Start Simulation
Click the simulation button on the bottom toolbar of the 3D Viewport; fabric will start fluttering under wind force. ⚠️ Note: Wind controllers only take effect in simulation mode. If fabric remains static after adding wind controllers, verify that simulation is enabled.
5.2 Real‑time Parameter Tuning (Tune while simulating)
While simulation is running, the following parameters can be modified on‑the‑fly with instant visual feedback:
- Wind strength and direction → Adjust wind‑controller parameters directly in the Property Editor
- Fabric physical properties → Modify Bend, Density and other values in the Property Editor
- Wind‑controller position → Drag the wind‑controller icon inside the 3D Viewport
Recommended Tuning Workflow:
- Start with low wind power, enable simulation and check for subtle fabric movement
- Gradually raise wind strength to achieve desired fluttering amplitude
- Adjust wind direction to match expected movement
- Increase Turbulence for more organic motion (prevents uniform, unidirectional fabric movement)
- If fluttering feels stiff, go back to fabric physical properties and lower the Bend value
- Once satisfied with results, stop simulation and save current state
5.3 Simulation Mode Selection
Simulation Mode | Features | Fluttering Suitability |
Simulate Normal | Fast, good real‑time performance | Recommended for daily preview |
Simulate Accurate | Higher precision, supports more advanced features | Use for finer fluttering effects |
💡 Tip: Use GPU Simulation for daily parameter preview for better speed. Switch to Accurate Simulation to verify results before final render export.
5.4 Use Pin Tool to Constrain Fluttering Range
Use the Pin Tool if you want only specific garment parts to flutter (e.g. only skirt hem moves while upper body stays stable).
Procedure:
- Make sure simulation is disabled
- Select fabric regions that should remain static in the 3D Viewport
- Right‑click ▶ Add Pin
- Enable simulation → Pinned areas are immune to wind force; unpinned areas flutter freely
Animation Demo: Pin Fabric Regions with the Pin Tool
Application Examples:
- Pin waistband and upper body → Only skirt hem flutters
- Pin one end of scarf → The other end flies in the wind
- Pin overcoat shoulders → Hem sways gently in wind
5.5 Control Fluttering via Fabric Stiffness Difference
Besides pin tools, you can control fluttering range by adjusting physical properties of individual pattern pieces (Refer to 3.4 Local Physical Property Split):
- Pattern pieces to remain static → Increase Bend and Density values
- Pattern pieces intended for fluttering → Decrease Bend and Density values
💡 Tip: This method delivers more natural results than pins. Fabric still exhibits subtle movement, only with reduced fluttering amplitude.
Ⅵ. Enhance Fluttering with Avatar Motions
Fabric fluttering can be driven not only by wind, but also naturally by avatar movement. As the avatar walks or turns, garments produce realistic motion from inertia and air resistance.
6.1 Download Motion Assets from Official Marketplace
Operation Path: Library ▶ Avatar ▶ Cloud Download ▶ Official Marketplace Find suitable motion assets in the marketplace (e.g. runway walk, turn‑around, idle sway), select and download
Figure: Download Avatar Motion Assets in the Official Marketplace
6.2 Apply Motion to Avatar
Double‑click the motion asset in the Library to apply it to the current avatar. If the asset is incompatible with the avatar, switch to a compatible avatar first before double‑clicking to add.
Figure: Double‑click Motion Asset to Apply to Avatar
⚠️ Note: Runway motion assets are rigged for default avatar skeletons. It is recommended to use the built‑in system avatar. Major avatar resizing is not advised, as it may result in mesh penetration.
6.3 Avoid Mesh Penetration When Switching Motions
Direct motion switching may cause garment mesh penetration. Follow this correct workflow:
- Enable simulation first
- Switch avatar motion
- Wait for garments to stabilize (fabric naturally conforms to the avatar’s new pose)
- Disable simulation after confirming no mesh penetration
Animation Demo: Keep Simulation Enabled to Prevent Mesh Penetration While Switching Avatar Poses
6.4 Workflow for Combining Motions and Wind
Combination Modes | Effect Description | Applicable Scenarios |
Runway Motion + Gentle Breeze | Avatar walking drives natural skirt‑hem movement; gentle breeze adds extra fluttering details | Runway video, dynamic presentation |
Idle Pose + Directional Wind | Fast avatar turn creates swirling skirt motion with no additional wind | 360° showcase, dramatic effects |
Standing posture + directional wind | Avatar stands idle; fluttering direction and amplitude are fully controlled by wind controllers | E‑commerce shooting, print advertisements |
Runway Motion + Multiple Wind Controllers | Walking motion plus multi‑directional wind field delivers the richest and most natural fluttering | Premium commercials, brand showcase |
6.5 Hair Fluttering Simulation (V8.0+)
Starting from V8.0, avatar hair simulation is supported. When hair simulation is enabled, hair will flutter in the wind for more realistic results alongside garment motion.
Operation Path: Select avatar ▶ Property Editor ▶ Type ▶ Hair ▶ Simulate
Figure: Hair Simulation Settings
Usage Notes:
- Currently only long straight female hair is supported for simulation.
- Complete garment fluttering tuning first, then enable hair simulation as the final step.
- Hair simulation increases computational load; ensure sufficient PC performance.
Ⅶ. Render and Export Fluttering Animations
Once you are satisfied with fluttering results, render and export animation videos or static snapshots.
7.1 Open Render Settings
Operation Path: Tools ▶ Render
7.2 Select Render Mode
Render Mode | Features | Applicable Scenarios |
Normal | CPU‑powered, fast speed | Quick preview of fluttering effects |
Ray Tracing | GPU‑powered, fast and realistic | Recommended for fluttering animation export |
Offline | CPU‑powered, highest fidelit | Final high‑quality output |
💡 Tip: Ray‑Tracing Rendering is recommended for fluttering animations. It delivers realism close to Offline Rendering while greatly reducing render time. GPU graphics card RTX 2060 or higher is required.
Figure: Render Settings Interface
7.3 Configure Render Parameters
Operation Path: Tools ▶ Render ▶ Property Editor ▶ Render Settings
Key Parameters:
- Resolution: For fluttering videos, 1920×1080 (1080P) or 3840×2160 (4K) is recommended
- Frame Rate: 30fps or 60fps recommended; higher frame‑rates produce smoother motion
- Output Format: Supports MP4 video, image sequences and more
- Background Settings: Select transparent background or custom scene background
- Auto Exposure: Automatically corrects image exposure when enabled (Ray‑Tracing Rendering only)
7.4 Light Follow Settings
If fluttering fabric is combined with avatar runway motions, enable the light‑follow function.
Operation Path: Tools ▶ Render ▶ Settings ▶ Property Editor ▶ Render Settings ▶ Scene Follow ▶ Light Follow ▶ Follow Avatar
Figure: Light Follow‑Avatar Settings
7.5 Scene Props Follow Camera
Operation Path: Tools ▶ Render ▶ Settings ▶ Property Editor ▶ Render Settings ▶ Scene Follow ▶ All Props Follow Camera
Figure: Scene Props Follow‑Camera Settings
7.6 Camera Depth‑of‑Field Effect
Enable physical camera depth‑of‑field under Ray‑Tracing Rendering to highlight fine details of fluttering fabric.
Operation Path: 3D Viewport ▶ Render Settings ▶ Property Editor ▶ Ray‑Tracing ▶ Lens Effects ▶ Physical Camera
Figure: Physical Camera Depth‑of‑Field Settings
Depth‑of‑Field Parameter Description:
- Blur Intensity: Aperture mapped from 1‑100; higher value produces stronger blur
- Click‑to‑Focus: Set focus point by clicking inside 3D viewport when enabled
- Auto Focus: Real‑time distance calculation between camera and focus point to keep subject sharp
- Focus Distance: Manually set distance from camera to focus point
7.7 Animation Track Editing (V9.0+)
Camera path editing is available starting from V9.0, allowing you to show fabric fluttering from multiple perspectives.
Procedure:
- Open Animation Editor: Tools ▶ Animation Edit
- Click the camera button at the top‑left of the animation background viewport to enable camera‑path editing
- Drag the keyframe pointer on the timeline to the target time position
- Adjust camera angle in 3D viewport, then right‑click to create keyframe
- Repeat step 3‑4 to add multiple keyframes at different timestamps
Play back to preview camera motion path
Figure: Animation Track Editing Interface
7.8 Start Render and Export
Procedure:
- Verify correct settings for render mode, resolution, frame rate and other parameters
- Select save path for output files (ensure the path exists)
- Click the Start Render button
- Wait for rendering to complete
⚠️ Note: Confirm the output file path exists when saving rendered animations. If “Folder does not exist” pops up, manually create the target folder or select a valid save path.
Ⅷ. Troubleshooting & Notes
Q1: Fabric does not flutter at all after adding Wind Controller Troubleshoot in the following order:
- Confirm simulation is enabled. Wind controllers only take effect under simulation.
- Check whether wind strength is set too low; increase it moderately.
- Verify wind‑controller direction points toward garments (check arrow direction in 3D Viewport).
- Check if fabric Bend value is too high. Over‑stiff fabric resists fluttering.
- Check if fabric Density value is too high. Heavy fabric hardly flutters.
- Confirm the wind controller is not hidden under 3D Viewport ▶ Scene.
Q2: Mesh penetration occurs during fabric fluttering
- Reduce wind strength to avoid excessive fabric motion
- Decrease particle spacing (≤ 10 recommended) for higher collision‑detection accuracy
- Increase Additional Simulation Thickness in Property Editor (Select pattern piece ▶ Property Editor ▶ Simulation Properties ▶ Additional Simulation Thickness)
- Avoid running multiple computation‑heavy features simultaneously
Q3: Fabric fluttering looks too repetitive and unnatural
- Raise Turbulence parameter of wind controllers for more variable wind
- Deploy multiple wind controllers (V9.0+) to create cross‑directional wind fields
- Combine with avatar motions (runway walk, turn) for fluttering driven by inertia
- Set different Bend values for warp and weft directions to simulate real‑world fabric anisotropy
Q4: Fluttering‑animation rendering runs very slowly
- Prefer Ray‑Tracing Rendering for balanced performance and visual quality
- Use lower resolution for preview; switch to high resolution only for final export
- Disable unnecessary hair simulation to cut computation load
- Ensure GPU graphics card is RTX 2060 or higher
Q5: How to make skirt hem flutter toward only one direction Use only one wind controller and rotate it to target wind direction. Input XYZ wind‑direction values directly inside Property Editor for precise control. Set Turbulence to a low value to minimize random deviation.
Q6: Avatar hair remains static while fabric flutters Hair simulation must be turned on separately: Operation Path: Select avatar ▶ Property Editor ▶ Type ▶ Hair ▶ Simulate Note: Only long straight female hair supports simulation at present.
Q7: Can wind act only on specific pattern pieces? Wind controllers apply to all simulated fabrics in the scene; individual‑pattern‑piece targeting is not supported. Workarounds:
- Pin pattern pieces that should stay static (Select pattern piece in 3D Viewport ▶ Right‑click ▶ Add Pin)
- Increase Bend and Density values for non‑fluttering pattern to resist wind force
- Use Local Physical Property Split (V8.0+) to achieve varied fluttering response across regions of one pattern piece