Questions tagged [blending]

The process of mixing things together. Computer graphics uses blending concept to achieve transparency with image.

Blending: The process of mixing things together. Computer graphics uses blending concept to achieve transparency with image.

Resources:

567 questions
12
votes
4 answers

Blending two images together with multiply and % opacity

I'm trying to blend two images together with Android, using a Multiply-like blending mode. // Prepare ------------------------------- // Create source images Bitmap img1 = ... Bitmap img2 = ... // Create result image Bitmap result = ... Canvas…
zeh
  • 10,130
  • 3
  • 38
  • 56
12
votes
3 answers

formula for alpha value when blending two transparent colors

lets assume an alpha of 1 means fully opaque and 0 means fully transparent. lets say i have two black images which have 50% transparency (alpha = 0.5). if they are laid on top of each other, the resulting transparency is 0.75, right? if they would…
clamp
  • 33,000
  • 75
  • 203
  • 299
12
votes
2 answers

mix-blend-mode broken when html has "perspective"

By applying "perspective" to the html element my mix-blend-mode seems to get ignored by Firefox. html { perspective: 800px; /* causing the issue */ } div { color: #fff; background: linear-gradient(to bottom, #000, orange); …
Type-Style
  • 1,791
  • 1
  • 16
  • 35
11
votes
2 answers

Texture and color together in GLSL?

I cant figure out, how to get with OpenGL ES 2.0 similiar Results to OpenGL ES 1.1. I want to use actually a Sampler2D (to blend my texture with Alpha Channel to the Framebuffer) and also set an Color. The texture should be painted in the color -…
Constantin
  • 8,721
  • 13
  • 75
  • 126
11
votes
1 answer

DirectX 11 Alpha Blending Not Working

Okay, so I have been trying to get Alpha Blending to work in my 3D application but it just doesn't want to happen. I am drawing 2d images with an orthogonal projection at the very end of the rendering loop (depth testing remains enabled) and the…
scribblesiam
  • 131
  • 1
  • 1
  • 4
10
votes
4 answers

webgl: white border when using transparency (alpha)

When rendering textures that have an alpha-channel, a white border appears around the non-transparent part (the border seems to be the pixels that have an alpha > 0 and < 1): The original texture is created in illustrator and exported as a png.…
CodeSalad
  • 1,375
  • 2
  • 14
  • 22
10
votes
2 answers

iOS Sprite Kit why can't I repeat colorizeWithColor using white color?

I'm experimenting with ways of selecting sprite nodes using methods other than scale. The one method that I like the most is colorize with white, which highlights the node visibly. However, I cannot seem to be able to replicate the colorize with…
Alex Stone
  • 46,408
  • 55
  • 231
  • 407
9
votes
1 answer

OpenCV determine area of intersect/overlap

I am creating a stitching program using OpenCV and python and currently am stitching the images well and am now trying to blend them together. The ultimate goal will be to use a graph cut to better stitch them but for now I am just overlapping the…
C.Radford
  • 882
  • 4
  • 13
  • 31
9
votes
3 answers

Alpha gradients not smooth in WebGL when using premultiplied alpha

I've got a LibGDX game with cartoon clouds with a smooth gradient. There are other examples of gradients in the game that have a similar issue, but the clouds are the most obvious example. They look fine in Android, on iOS and on the Desktop version…
Will Calderwood
  • 4,393
  • 3
  • 39
  • 64
9
votes
2 answers

Testing of CSS "mix-blend-mode"

I want to use CSS's property : mix-blend-mode: soft-light; And I will test by Modernizr for fallback bla bla... Tested : Modernizr.mixblendmode //undefined Modernizr.testProp('mixblendmode'); //false Modernizr.addTest('mixblendmode'); //…
l2aelba
  • 21,591
  • 22
  • 102
  • 138
9
votes
2 answers

How to blend properly when stitching images in matlab?

I'm trying stitch images in matlab, but get ugly overlap lines. How can I blend images properly? Currently I'm using the code below, but it blends too much (especially building windows are blended with ghost artifacts, as is the black building).…
user3082220
  • 169
  • 1
  • 2
  • 6
8
votes
2 answers

Gradient color text

What I actually try to achieve: I'd like to draw text with a gradient vertical color. I found this solution, but it doesn't quite fit for me, as it has black square around the gradient font in my case - don't know how to get rid of it, so I started…
exenza
  • 966
  • 10
  • 21
8
votes
4 answers

Overlay blend mode formula?

I have 2 colors: 1 dynamically set and another that's always white 0.5 alpha. I want to calculate the resulting white color as if it was drawn on top of the dynamic color using Overlay blend mode. I'm aware that Overlay combines Multiply and Screen…
samvermette
  • 40,269
  • 27
  • 112
  • 144
8
votes
2 answers

Photoshop-esque blend mode in web pages using CSS or JavaScript?

I am wondering if it is possible to blend two or more images together on a webpage using blend modes like you will find in photoshop (overlay, screen, lighten, etc). I know that this kind of thing is possible with flash and java, but is it possible…
Greg
  • 21,235
  • 17
  • 84
  • 107
8
votes
3 answers

sprite kit sprite not being colorized

I'm trying to colorize a spriteNode (in this case its named background) using sprite kit but cant get the color to change. I have a sprite that I want to colorize. I'm changing the color property of the sprite as well as the color blending factor.…
Stone Preston
  • 1,828
  • 4
  • 20
  • 35
1
2
3
37 38