Issue with integrating Water sample with V3D template app

This topic has 5 replies, 2 voices, and was last updated 1 year, 2 months ago by ps.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
2023-10-10 at 5:12 pm #67455

ps
Participant

Hi,

I tried to integrate webgl water example inside my V3D template app. I copied Water2.js, Refractor.js and Reflector.js inside the project folder and added the following to my_app.html & my_app.js file

<script type=”module” src=”Water2.js” ></script>
import { Water } from ‘./Water2.js’;

I am getting the following error in console and app is not getting loaded

Uncaught SyntaxError: Cannot use import statement outside a module my_app.js:4 a module

Uncaught TypeError: Failed to resolve module specifier my_app.html:1 “v3d”. Relative references must start with either “/”, “./”, or “../”.

How to resolve this issue?

Thanks

2023-10-10 at 7:59 pm #67457

kdv
Participant

You’d better start with something a little less complicated…

Porting of code from V3D Code Examples to project’s “name.js” file

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

2023-10-11 at 4:50 pm #67499

ps
Participant

Thanks

2023-10-12 at 12:01 pm #67550

ps
Participant

Hi,

I tried the RGBShiftShader sample in the link you mentioned and it’s working. But when I tried with the water sample I am getting

Uncaught TypeError: Failed to resolve module specifier “v3d”. Relative references must start with either “/”, “./”, or “../”.

I am a beginner in Verge3D and JS, please let me know how to resolve this issue. Download the project file from the following link
https://drive.google.com/file/d/1SrPdntBl7_6Gek1P0pKkIDHo4VWBI5jG/view?usp=sharing

Thanks

2023-10-13 at 4:25 am #67565

kdv
Participant

Reflector.js and Refractor.js also have imports, not only Water2.js.

And you can import nothing from v3d.js. Use v3d.module.js for imports.

Read the source code for that demo
https://github.com/Soft8Soft/verge3d-code-examples/blob/master/webgl_water.html

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

2023-10-14 at 3:05 pm #67603

ps
Participant

Thanks for your help. It’s working.
Author

Posts