Flag Waver es una herramienta interactiva de simulación de banderas 3D que anima banderas de forma realista con efectos de viento basados en física. Utiliza WebGL y Three.js para crear una visualización dinámica donde puedes:
- Subir imágenes o videos de banderas personalizadas
- Controlar la velocidad, dirección y comportamiento del viento
- Ajustar la posición de la cámara usando coordenadas esféricas
- Personalizar propiedades de la bandera incluyendo tamaño, masa y orientación de izado
- Cambiar el escenario con diferentes fondos
La simulación utiliza física de tela realista para crear movimientos naturales de bandera, perfecto para visualizar diseños de banderas, probar visibilidad o con fines educativos.
Controles de Objetivo
X, Y, Z:Coordenadas 3D del punto de enfoque de la cámara (±50 unidades por eje)
Nota: Cambiar el objetivo mueve la posición de la cámara para mantener el mismo ángulo de visión
Restablecer Cámara
Haz clic en el botón de restablecer para volver a la vista predeterminada
Controles Interactivos:
- Arrastrar con clic izquierdo: Orbitar cámara
- Desplazar: Acercar/alejar
- Arrastrar con clic derecho: Desplazar cámara
Selección de Imagen:
- • Subir archivos de imagen o video personalizados
- • Formatos soportados: Imágenes (PNG, JPG, GIF) y Videos
Dimensiones:
- • Ancho: 0.5 - 4 metros (control deslizante)
- • Alto: 0.5 - 3 metros (control deslizante)
- • Masa: 0.05 - 0.3 kg/m² (afecta cómo responde la bandera al viento)
- • Coincidir proporciones de imagen: Ajustar automáticamente dimensiones a la relación de aspecto
Opción de Dos Caras:
- • Activar para mostrar imagen diferente en el reverso
- • Subir imagen separada del reverso cuando esté activado
Izado (Fijación de Bandera):
- • Siniestro: Lado izquierdo unido al mástil (menos común)
- • Diestro: Lado derecho unido al mástil (estándar)
Orientación:
- • Arriba, Izquierda, Abajo, Derecha: Qué borde está unido
Tipo de Mástil:
- • Estándar: Mástil vertical
- • Horizontal: Mástil horizontal
- • Pescante: Mástil inclinado
- • Travesaño: Mástil en forma de T para colgar verticalmente
- • Galería: Exhibición montada en pared
Método de Colgado Vertical:
- • Rotar en sentido horario: Arriba se convierte en lado derecho
- • Rotar y voltear: Arriba se convierte en lado izquierdo
- • Sin cambio: Mantener orientación original
- (Solo disponible con mástil de travesaño)
Wind Toggle:Activar/desactivar simulación de viento
Wind Control:Activar control manual de parámetros de viento
Dirección:0-360 grados con marcadores de puntos cardinales
- • N (0°): Norte - Viento desde arriba
- • E (90°): Este - Viento desde la derecha
- • S (180°): Sur - Viento desde abajo
- • O (270°): Oeste - Viento desde la izquierda
Velocidad:0-30 m/s (metros por segundo)
- • 0-5 m/s: Brisa ligera
- • 5-15 m/s: Viento moderado
- • 15-30 m/s: Viento fuerte
Note:
Los controles de Dirección y Velocidad solo están disponibles cuando tanto Viento como Control de Viento están activados
Opciones de Fondo:
- • Clásico: Fondo degradado predeterminado
- • Cielo azul: Degradado de cielo azul claro
- • Cielo nocturno con nubes: Cielo oscuro con efectos de nubes
- • Personalizado: Establecer tu propio color y/o imagen
Fondo Personalizado (cuando está seleccionado):
- • Color de fondo: Elegir cualquier color con el selector de colores
- • Imagen de fondo: Subir imagen de fondo personalizada