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

Adding background with transparent feauture

Open Tipzy480 opened this issue 4 years ago • 3 comments

Is it possible to add a picture to the background of this? If so could someone help me do so. I don't know much code and I'm currently using this with lively wallpaper

Tipzy480 avatar Mar 02 '21 12:03 Tipzy480

set

TRANSPARENT: true;

comment the lines:

    //if (target == null && config.TRANSPARENT)
        //drawCheckerboard(target);

now you can set the canvas background image with CSS! ;)

canvas {
  background-image: url("background.png");
  background-size: 100% 100%;
}

360fun avatar Apr 12 '21 16:04 360fun

I'm not sure how to edit the css while using this with lively. I'm sorry for being nooby I've never really edited htmls or anything close to this

Tipzy480 avatar Apr 16 '21 09:04 Tipzy480

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

cloydlau avatar Dec 01 '22 06:12 cloydlau