Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Request: render the effect to a transparent canvas #46

Open
RipleyBooya opened this issue Nov 24, 2022 · 2 comments
Open

Feature Request: render the effect to a transparent canvas #46

RipleyBooya opened this issue Nov 24, 2022 · 2 comments
Labels
enhancement New feature or request

Comments

@RipleyBooya
Copy link

Hello,

first of all: awesome <3

I'm using your project as sources into my OBS (streaming software) (i'll add you into my credits ofc)

I would like to know if there is a possibility to have a transparent background instead of black/colored ? so i can put it in front of existing material in my OBS without hiding everything :)

sorry if it's already feasible i tried with the RGB codes but my knowledge is very limited :(

NB: I'm aware that's not an important/urgent request.

Have a nice day :)

@FieryRMS
Copy link

heyy, you're in luck! Go check out my pr #44, you can use that until it gets merged with the main repo!

@Rezmason Rezmason changed the title REQUEST: transparent background ? Feature Request: render the effect to a transparent canvas Mar 14, 2023
@Rezmason Rezmason added the enhancement New feature or request label Mar 14, 2023
@OleMussmann
Copy link

This won't work for OBS, but if you want the overlay in the browser itself, you can use CSS: mix-blend-mode=screen, like:

    <iframe
      src="https://rezmason.github.io/matrix/"
      style="
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .2;
        mix-blend-mode: screen;
        z-index: 2;
      ">

Make sure your other element's z-index are correct. Background below, other content above.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants