时间戳

首页 > 解决方案 > 我试图实现透明度，但出了点问题

java - 我试图实现透明度，但出了点问题

问题描述

我想为我的游戏引擎添加“透明度”，这是我之前不知道的。我没有找到任何关于如何实现它的直接答案，所以我最终对称为Alpha Blending的东西进行了一些研究，如果我理解正确的话，这是一种显示不透明度的方法。

我用谷歌搜索并试图找到一个显示当你有一个像素数组时如何实现它的源代码。我不知道怎么做，但除了 Youtube 上的教程外，我什么也没找到。他们没有解释为什么他们会这样做，因此我仍然不知道如何实现它或它是如何工作的。我尝试按照教程进行操作，但是他们使用的代码根本不起作用，所以我对其进行了一些更改（显然不起作用）。

下面的代码是我的setPixel()函数，它在指定位置设置像素。从函数开始，它只检查是否需要放置一个像素。此函数用于从像素数据中绘制每个单独的像素。屏幕的像素数据存储在变量像素中。图像数据存储在value中。然而，值只是一个整数，而像素是一个数组..

    public void setPixel(int x, int y, int value, Color invis) {
    
    int alpha = (value>>24);
    
    if(invis != null && value == invis.getRGB() || alpha == 0x00) {
        
        return;
    }
    
    if(!isOutSideScreen(x,y)) {
        
        
        
        if(alpha == 255) {
            pixels[x + y * pWidth] = value;
        }
        else {
            int pixelColor =  value;
             
            
            int newRed = ((pixelColor >> 16) & 0xff) + (int)((((pixelColor >> 16) & 0xff) - ((pixels[x + y * pWidth] >> 16) & 0xff)) * (alpha/255f));
            int newGreen = ((pixelColor >> 8) & 0xff) + (int)((((pixelColor >> 8) & 0xff) - ((pixels[x + y * pWidth] >> 8) & 0xff)) * (alpha/255f));
            int newBlue = (pixelColor & 0xff) + (int)(((pixelColor & 0xff) - (pixels[x + y * pWidth] & 0xff)) * (alpha/255f));
            
            
            
            pixels[x+y * pWidth] = ((255 << 24) | (newRed << 16) | (newGreen << 8) | newBlue);
        }
        
    }
    
}

我对这段代码不了解的是所有按位代码以及为什么要这样计算颜色。

                int newRed = ((pixelColor >> 16) & 0xff) + (int)((((pixelColor >> 16) & 0xff) - ((pixels[x + y * pWidth] >> 16) & 0xff)) * (alpha/255f));
            int newGreen = ((pixelColor >> 8) & 0xff) + (int)((((pixelColor >> 8) & 0xff) - ((pixels[x + y * pWidth] >> 8) & 0xff)) * (alpha/255f));
            int newBlue = (pixelColor & 0xff) + (int)(((pixelColor & 0xff) - (pixels[x + y * pWidth] & 0xff)) * (alpha/255f));
            
            
            
            pixels[x+y * pWidth] = ((255 << 24) | (newRed << 16) | (newGreen << 8) | newBlue);

代码的作用如下： 动图

如果有人能解释为什么这段代码不起作用以及实际是如何工作的，我将永远感激不尽！

在此先感谢并为我的无知感到抱歉！

在 Joni 的回答之后编辑

这是我现在使用的代码：

            int pixelColor =  pixels[x+y * pWidth];
             
            
            int newRed  = (int)((1 - (alpha / 255f)) * ((pixelColor>>16) & 0xff) + (alpha / 255f) * ((value >> 16) & 0xff));
            int newGreen  = (int)((1 - (alpha / 255f)) * ((pixelColor>>8) & 0xff) + (alpha / 255f) * ((value >> 8) & 0xff));
            int newBlue  = (int)((1 - (alpha / 255f)) * (pixelColor & 0xff) + (alpha / 255f) * (value & 0xff));
            
            pixels[x+y * pWidth] = ((255 << 24) | (newRed << 16) | (newGreen << 8) | newBlue);

我使用了以下公式：outColor = (1 - alpha) * backgroundColor + alpha * newColor

标签： javaalpha-transparency

解决方案

在“backgroundColor”之上的alpha 混合“newColor”的公式是：

outColor = (1 - alpha) * backgroundColor + alpha * newColor

要了解它为什么起作用，请尝试不同的 alpha 值。使用 alpha=0，您将获得背景颜色。当 alpha=1 时，你会得到 newColor。

您编写的公式是

outColor = backgroundColor + alpha * (backgroundColor - newColor)

Alpha = 1 给你outColor = 2*backgroundColor-newColor这是不正确的。要修复它，您需要交换pixelColor和pixels[x+y*pWidth]周围 - 例如对于蓝色通道：

int newBlue = (pixelColor & 0xff) + (int)(((pixels[x + y * pWidth] & 0xff) - (pixelColor & 0xff)) * (alpha/255f));

我对这段代码不了解的是所有按位代码以及为什么要这样计算颜色。

此代码假定一个颜色模型将四个 8 位整数打包成一个int. 最重要的 8 位构成 alpha 分量，然后是红色分量、绿色和蓝色各 8 位。从 an 中提取组件的方法int是使用按位运算符。例如，color&0xff是最低 8 位，因此它是蓝色分量。(color>>8)&0xff为您提供第二低的 8 位，即绿色分量。

推荐阅读