WebGL-Fluid-Simulation icon indicating copy to clipboard operation
WebGL-Fluid-Simulation copied to clipboard

How to add this as a background to personal website

Open shubham-garg1 opened this issue 3 years ago • 3 comments

Hi, this is not a real issue but I just wanted to know if it is possible to get instructions on how to remove the customization bar on the right side and just add this as a background for a website? (I am a beginner to web development) Any help is appreciated, thanks.

shubham-garg1 avatar Jun 05 '21 09:06 shubham-garg1

I am also interested!

Xflow-studio avatar Jun 08 '21 10:06 Xflow-studio

Hi, this is not a real issue but I just wanted to know if it is possible to get instructions on how to remove the customization bar on the right side and just add this as a background for a website? (I am a beginner to web development) Any help is appreciated, thanks.

If you want to HIDE the customization bar on the right side ,You just replace the content from line 52 to line 54 in the index.html file. old: .dg { opacity: 0.9; } new: .dg { opacity: 0.9; display:none; }

If you want to REMOVE the customization bar on the right side ,You just replace the content of line 116 in the script.js file. old: startGUI();

new: //startGUI();

joglea avatar Jun 15 '21 09:06 joglea

Give https://github.com/cloydlau/webgl-fluid a try.

cloydlau avatar Dec 01 '22 06:12 cloydlau