Hello all, I’m creating a scene where a plane with a water material is supposed to fill a number of pools and channels in a ground mesh. My own attempts to create water with a PBR material or import something from Blender were poor, so I tried to use the Babylon.js water material. When I apply the…

Hello all, thanks for all the hints. But it’s hopeless. I followed exactly the Playground examples but all that the water material does is that it makes the mesh invisible. @CodingCrusader : I have tried that. But it seems I can’t assign the effect to a specific mesh. It just creates an moving wate…

Hi @Hayden Maybe this playground can help you. Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes It may be because in the addToRenderList function you are not assigning the objects and the skybox (if you include it…

Yes :+1:, … but then (just to make this clear) you do not need to push’em one-by-one, of course. You can add them all at once. ** You can also include an identifier in your meshes name or id to have them render as a mirror on the watermat. May be you also want to check the other water materials c…

If your demands on the water are not so high, and you still want to create a nice water effect with foam, here is an example from the good old days: simple stylized water shader | Babylon.js Playground (babylonjs.com)

Beautiful shader sir! :palms_up_together:

Hello all, thanks for the hints. But I simply can’t get it working. I added the water plane, the skydome and all ground meshes to the render list, but the material is still invisible. Could the problem be the bump map? What do I need here? I have used the normal map of a pbr water material, but I…

hey this pg is kinda working . https://playground.babylonjs.com/#101EJ3#18 bumpHeight seems to be important

There is still the OceanPostProcess, if the problem with the WaterMaterial still cannot be fixed. [image] <script src="https://cdn.jsdelivr.net/npm/babylonjs-post-process@4.1.0-beta.3/babylonjs.postProcess.js"></script> var oceanPostProcess = new BABYLON.OceanPostProcess("Ocean", camera);

@Hayden why not sharing a repro ?

Hello all, allow me to reopen this thread. There’s a positive reason: I returned to the problem after a while and finally managed to get the water material working. My problem was obviously that I had a sky dome in my scene instead of a sky box and applying a reflection map material to the mesh sp…

Applying water material to a mesh

Questions

CodingCrusader April 26, 2023, 11:11am 6

Handclaps goes to: Simple stylized water shader - Demos and projects - Babylon.js (babylonjs.com)

Topic		Replies	Views
How to turn a plane into a little lake via water material? Questions	9	1131	October 4, 2019
Water Material definition question Questions material	4	141	February 13, 2025
Water Material fix Bugs material , watermaterial	6	973	June 15, 2023
WaterMaterial transparency issue Questions	2	473	September 15, 2019
WaterMaterial breaks when using on imported glb mesh Bugs watermaterial	2	54	January 24, 2026

Applying water material to a mesh

Related topics