WaterElement

WaterElement representa una superficie de agua dinámica en la escena con propiedades visuales y físicas personalizables.

Ejemplo:

    const water = new WaterElement();
    scene.add(water);

color: THREE.Color | string

El color del agua. Puede ser una instancia de THREE.Color o una cadena de color CSS/hex (por ejemplo, "#1ca3ec").

Ejemplo:

    water.color = "#1ca3ec"; 

opacity: number

Opacidad de la superficie del agua, de 0 (totalmente transparente) a 1 (totalmente opaca).

Ejemplo:

    water.opacity = 0.8;

tideHeight: number

Altura de la marea, usada para simular el aumento y descenso del nivel del agua.

Ejemplo:

    water.tideHeight = 0.5;

tideScale: number

Factor de escala para el efecto visual de la marea.

Ejemplo:

    water.tideScale = 1.2;

tideSpeed: number

Velocidad a la que el efecto de marea se mueve o cicla.

Ejemplo:

    water.tideSpeed = 0.3;

waveHeight: number

Altura de las olas, controlando el desplazamiento vertical.

Ejemplo:

    water.waveHeight = 0.4;

waveScale: number

Escala de las olas, controlando el tamaño de los patrones de ondas.

Ejemplo:

    water.waveScale = 2.0;

waveSpeed: number

Velocidad a la que las olas se desplazan sobre la superficie del agua.

Ejemplo:

    water.waveSpeed = 1.0;

ripplesSpeed: number

Velocidad de las ondulaciones más pequeñas en la superficie del agua.

Ejemplo:

    water.ripplesSpeed = 0.5;

ripplesScale: number

Escala de las ondulaciones, controlando qué tan finas o gruesas aparecen.

Ejemplo:

    water.ripplesScale = 0.8;