WaterMaterial is not a constructor ？

Questions
,
1

i am useing babylonjs-materials. but have a error

image
image879×183 9.23 KB

this my code:

image
image908×144 4.52 KB

image
image823×215 15.1 KB

How to use babylonjs-materials correctly

2

image
image1045×136 7.56 KB

image
image820×285 19.6 KB

I made changes to my code, but there were new problems

image
image1372×109 12.5 KB

3

How do I get water fragment. fx and water vertex. fx these two files

4

Hello @ShareQiu1994 , how are you doing?

Can you give a little more information about your project? Are you using webpack?

5

cc @RaananW who is our build GURU

7

i’ll analyze it and let you know! Seems like something on our side is missing

8

@srzerbetto yeah, i am useing webpack . this is my code
http://devmodels.oss-cn-shenzhen.aliyuncs.com/devtest/liubofang/code/jinan3D_2.zip

@RaananW okay. Waiting for your message

9

So, that’s not an issue with babylon, but an interesting feature of es6 modules and the way they are imported.

The UMD packages we offer (which are the ones you are using) are populating the global BABYLON namespace. When you import * as BABYLON from "babylonjs" you are getting a replication of the BABYLON global namespace, but this package will not be extended when import "babylonjs-materials is executed.

There are a few different solutions:

  1. (My favorite) - Use the es6 packages instead of UMD. you are already using “import”, you are already using es6, why not use a more modern varient?
  2. use window.BABYLON instead of BABYLON. This will use the global namespace.
  3. Don’t “import * as BABYLON…”, but simply import "babylonjs". The global BABYLON namespace will be available.
1 Like
11

thanks, ES6 packages is not suitable for me because the documentation explains it too little. I used the second method slove it