Could these effects work in a browser on div's?

[DustinBrett]

These effects are amazing and I would love to apply them to my desktop environment in the browser. I see some web technologies are being used and I was wondering if there is any guidance on the idea/implementation of applying these effects on the DOM directly to elements such as <div />'s. I'd be fine if I had to convert the div to a canvas or something beforehand, but getting the effects into a browser is what I am less sure how to do atm.

Thanks for any help/suggestions!

[Schneegans]

Hi there! Thanks for getting in touch; I have played around with daedalOS before and it's an incredibly awesome project! Using the Burn-My-Windows effects is a cool idea and definitely possible. However, it's not going to be exactly easy, I guess. The rough steps would be:

1. Turn the window div to a texture. This is not straight-forward but somehow possible. Maybe you have already implemented some kind of screen-shot functionality into daedalOS?
2. Hide the window div and render the captured texture on a flat plane using a <canvas> (maybe using ThreeJS) instead.
3. Apply the Burn-My-Windows shader to the plane.

A quick Google search brought up this one: https://codepen.io/ksenia-k/full/yLQLyZa I think this does most of the required things.

Maybe you could start with a simple effect, such as the TV effect (https://github.com/Schneegans/Burn-My-Windows/blob/main/resources/shaders/tv.frag). If this works, all the other effects should work as well. Many require some additional uniform values for tweaking the effect and some require additional texture input but this shouldn't be a problem.

The only issue is that Burn-My-Windows has to be released under the GPL3 license as it directly uses GNOME Shell code. However, if you manage to make this work, I would dual-license the shader code under the MIT license. You will only need the shader code, the other source files of the extension will not be of much help for you, I guess 😉

[DustinBrett]

Thanks very much! I appreciate the info and the links! That Codepen looks very promising. I will see what I can do!