tipsy / bubbly-bg Goto Github PK

Hi,

bubbly-bg is a great repo.

It would be great to add a new feature as instead of bubbles to load SVG images, what do you think?

Can I set a border on the bubbles. I want something a little more like a biological cell.
Wonderful work by the way.

This is amazing, btw! 😁

Just tried adding this to a project, but it broke scripts that came after it. I'm using jquery and bootstrap.

Bubbles are not moving very fast on 4k monitors

Hi,

I use this library with the spa and just want to show it on the login page.
I want to delete the canvas after the user has logged in.
Is there a method for that?

@abalazsik, I'm looking at the gradient config. We also don't support more than 2 color stops, but it would be simple enough to add any number, this could potentially replace "gradientLength".

Now set it to a transparent color. The bubble tracks will not disappear

Hi there,

I created a canvas and use the option :
canvas: document.querySelector("#mycan"),

But it still uses the whole html body to draw bubbles.

please help

Hi!
When using bubbly in a canvas element on a responsive page, the bubbles always look fuzzy and are often distorted.
Any idea how to fix this?

Hello, very nice a plugin, could you tell me how to use this plugin in vue? or show me some example? Thank you very much! I tried some ways，but it doesn't work.

this is my code, I use nuxt.js

nuxt.config.js
plugins: [ { src: '@/plugins/bubbly-bg', ssr: false } ],

bubbly-bg.js
Vue.use('BubblyBg', BubblyBg)
login.vue
created() { if (process.client) { this.bubbly() } }

Tried to
npm i --save bubbly-bg

then in my App.js

import bubbly from "bubbly-bg";

bubbly();

shows

Cannot find bubbly

  componentDidMount() {
    window.bubbly({
      colorStart: "#fff4e6",
      colorStop: "#ffe9e4",
      blur: 1,
      compose: "source-over",
      bubbleFunc: () => `hsla(${Math.random() * 50}, 100%, 50%, .3)`,
      canvas: document.getElementById("background") // error this line
    });
  }

I've tried to use your lib like this, it work fine until I added option canvase and then it throw an error.

Any help ? thanks :)

Hello, I just released a plugin for Construct 3 based on this repository.

Link:

• web site
• live demo
• c3addons

I hope you won't mind 😄

The example currently runs 4 instances of bubbly on top of each other, tricking people into thinking bubbly uses a lot more resources than it does.

Hello
Really got work!

Is it possible to set the maximum bubble size?
i will use the background on my tablet and the bubble looks really great.

Thank you
Best regards
Jumbo125

When I'm configuring in combination with Bulma CSS, this is not working at all. Is there any possibility to get compatibility with it?