Mobile app version of vmapp.org
Login or Join
Bryan765

: Does anyone know what these background bubble objects are called/achieved? I am a programmer and not an artist so I apologize in advance if the question I am asking sounds trivial. But does

@Bryan765

Posted in: #Mobile #Shapes #Terminology

I am a programmer and not an artist so I apologize in advance if the question I am asking sounds trivial.

But does anyone know what these things (floating interconnected ball effect) is called? I see them almost everywhere in the web development world.

How is the affect of these semi-translucent shaded balls achieved, and does anyone have any recommendations on where to obtain or create these assets for myself?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Bryan765

1 Comments

Sorted by latest first Latest Oldest Best

 

@Hamaas979

These are circles (filled, probably with 50% grey) with a very low opacity, and additively blended with the background.

Circles
Layers
Layer Opacity
Additive Blend

The above are the keywords you need for googling how to do this.

Pop the following words in a google image search to get started:

circles as bubbles additive blend



Draw a circle or render it using CSS. Fill it with 50% white/black = grey.

Blend it additively with the background.

In OpenGL parlance, additive blend is glBlendFunc (GL_ONE, GL_ONE).

Set the opacity VERY low. In the below example, it's at 10%:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme