🚪 Industrial Gate Valve 3D

💡 Implementation Notes

• Gate Valve Design: Two rounded rectangle bodies with center gap for gate movement
• Gate/Blade: Visible vertical bar in center - retracts up (open) or visible (closed)
• Cylindrical Effect: Linear gradient from top to bottom creates 3D pipe-like appearance
• Body Highlights: Vertical light strips on body sections enhance 3D effect
• Flange Connections: Ellipse flanges with bolt details at both ends
• Actuator Housing: Top box with status light (replaces lever handle)
• Blue LED Indicators: Corner indicators blink when valve is open, dim when closed
• Flow Animation: Linear gradient with animated offset creates flowing liquid effect
• Shadow Filter: Gaussian blur adds depth and realism
• Gate Animation: Gate disappears (retracts up) when open, visible when closed

🔧 Valve States

• OPEN: Gate hidden (retracted), flow visible, green actuator light blinking, blue LEDs active (blinking)
• CLOSED: Gate visible, no flow, red actuator light static, blue LEDs dim (static)

🔨 C# Integration Example

For Blazor/WPF implementation in ModernIndustrialSkin.RenderValve():

• Use two <rect rx="8"> for left/right body sections with rounded corners
• Add center <rect> for gate blade (toggle visibility based on state)
• Apply vertical linear gradient for cylindrical 3D effect
• Check isOpen property to show/hide gate and flow animation
• Add <filter id="shadow"> with feGaussianBlur for depth
• Include blue LED circles at top corners with blink animation when open
• Add actuator housing rectangle at top with status light
• Show gate blade when closed, hide when open
• Actuator light: green + blink when open, red + static when closed