问题标签 [blending]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
292 浏览

c# - 绘制具有可变透明度的纹理

我是一名经验丰富的 C# 开发人员,但我对 XNA 和图形一般来说是新手。我正在制作一个 2D 游戏,我正在尝试绘制一个部分透明的纹理。所需的透明度值存储在浮点变量中。我发现的唯一解决方案是直接编辑每帧纹理中的 alpha 值,但这似乎效率低下。我尝试过使用 alpha 混合,但我无法弄清楚如何使用我自己的透明度值。有更好的方法吗?

编辑:添加了更多信息。

0 投票
1 回答
51 浏览

colors - 为什么IE会改变颜色?

我在 div 上放置了一张图片。我正在尝试将图像混合到 div 中(div 是纯色)。在谷歌浏览器中,它看起来很棒!颜色完美融合。然而,在 IE 7 中,颜色显示为硬线,即使它们应该是相同的颜色!经过一番检查(将打印屏幕放入paint.net 以检查实际的RGB 值),IE 7 实际上使我的图像亮了起来。

混合物必须看起来无缝。到目前为止,谷歌浏览器对此很好。任何想法为什么 IE 7 不会正确显示颜色?

0 投票
1 回答
287 浏览

c - 在 OpenGL 中与深色背景上的明亮图形混合不好(没有吸引力)

我在 OpenGL 中遇到了混合问题(由于抗锯齿或纹理绘画)。见问题说明:

问题说明

我有以下设置代码

请指出这个问题的解决方案。

0 投票
4 回答
3643 浏览

graphics - webgl:使用透明度(alpha)时的白色边框

渲染具有 alpha 通道的纹理时,不透明部分周围会出现白色边框(边框似乎是 alpha > 0 和 < 1 的像素):

在此处输入图像描述

原始纹理在 illustrator 中创建并导出为 png。这里是:

在此处输入图像描述

(好吧,似乎stackoverflow改变了图像,调整了不完全不透明/透明的像素,所以这是一个链接

这可能是混合,虽然我不知道设置有什么问题:

[更新]

这是一个渲染版本,我在纹理的左侧添加了一个 alpha 渐变(所以它从 0 不透明度变为 1 直到一半)

在此处输入图像描述

此纹理是在此位置渲染的唯一纹理。它似乎在 a=0.5 附近是最白的。真的很奇怪。背景只是一种清除的颜色:

深度函数看起来像:

有任何想法吗?多谢。

[更新 2]

回答我自己的问题:当画布的背景颜色或 html 页面的主体为白色时,效果就会出现。不过,我没有解释。

0 投票
4 回答
14429 浏览

android - 将两个图像与乘法和不透明度混合在一起

我正在尝试使用类似 Multiply 的混合模式将两个图像与 Android 混合在一起。

这行得通,但我无法控制完成的乘法“数量”——它总是一个完整的乘法传输。理想情况下,0% 的乘法将与基本图像 (img1) 相同,没有任何更改,但 100% 的乘法将是我使用上面的代码得到的结果。

paint.setAlpha()似乎对此不起作用。

还有其他方法可以设置新“图层”的不透明度百分比吗?

PS我猜有一些方法可以LightingColorFilter通过预乘并将颜色偏移为白色来使乘法工作(使用a),但它对乘法模式非常具体..我正在尝试找到一种方法来应用不透明度/ % 也适用于所有其他传输模式。

0 投票
1 回答
157 浏览

iphone - 平均多个 UIImages

我一直在寻找这个答案。但我一直没能找到它。

我想平均 30 UIimages 的像素。为此,我想使用 Quartz2D 而不是遍历所有图像的所有像素。我突然想到,为了一起绘制 30 个图像,我应该将每个图像的 alpha 通道调整为 1/30。然后,在另一个之上画一个之后,我会得到想要的效果。

所需的公式应该是:Dest Px = (img[0].px+....img[29].px)/30

我尝试使用 imageContext 并将图像混合在一起但没有运气来实现它:

我怎样才能得到许多 UIimages 的平均图像?我也尝试添加具有许多子层的图像,但我也得到了褪色的图像。

谢谢!

0 投票
1 回答
65 浏览

javascript - 合并点之间的颜色

我有一个 web 应用程序,在地图上放置了几个点。每个点都与一个值相关联,好的值为绿色,好的值为黄色,坏的值为红色。如果两个值足够接近,我希望它们合并它们之间的颜色,例如一个点是红色的,另一个点是黄色的,它们之间的区域应该是橙色的。

我查看了热图,但没有找到任何适合我需要的东西。

任何人都知道解决这个问题的好图书馆吗?

0 投票
1 回答
862 浏览

python - Python图像库加法混合

如何加法混合两个图像?

我正在尝试创建随机多边形,我想将它们分层。

我试过 Image.Blend 和 Image.paste 但是它们只是“替换”像素值。

如果有意义的话,我想加强图像。因此,两个半透明的图像将分层为一个完全不透明的图像。

有任何想法吗?

0 投票
1 回答
676 浏览

photoshop - Photoshop,合并这两个图层,使它们看起来相同

这是我的小测试图片:http:
//imageshack.us/photo/my-images/851/testnb.jpg/

基本上它们是两张图片,你可以看到左边是第一张,右边是第二张。(是的,我知道其中一张图片已经重叠并“切断”了电线)

不幸的是,我的照明很糟糕,所以我没有得到相同的背景颜色,否则这很容易。

但是现在你看到了,我怎么让它看起来像一张照片呢?(我如何摆脱那个中间接缝并获得相同的背景颜色?)

谢谢!

0 投票
1 回答
2436 浏览

sprite - AndEngine 合并精灵

一段时间以来,我一直在用 AndEngine 驱动的动态壁纸解决一个严重的性能问题(在我完全不知道是什么原因之前,我已经发布了另一个关于它的问题),而且似乎唯一的方法是让它正常工作是将几个精灵合并在一起。

我有六个左右相当大的精灵,大小都一样,直接层叠在一起。我这样做是为了让它看起来像一个图像,但它的每个部分都可以通过代码设置为不同的颜色,只要我愿意。出于某种原因,在使用完全使用 alpha 的混合模式时分层精灵(即使图像中没有任何 alpha)会对您的帧速率造成重大损害,我找不到任何简单的解决方法这个。

我得到的解决方案是我需要单独对精灵做我需要做的事情,然后将它们合并为一个。我花了好几个小时潜入各种 AndEngine 类,试图在这个过程中不破坏任何东西,但我就是不知道该怎么做。

我敢肯定,将一个精灵拍打到另一个精灵上,或者以某种方式将重新加工的精灵放回临时纹理图集中并不是那么困难,我只是无法完全掌握如何让它继续下去。

编辑 ::