जीएलएसएल के साथ बनावट के रंग को कैसे बदला जाए?

Question

क्या जीएलएसएल (टुकड़ा शेडर) का उपयोग कर 2 डी ओपनजीएल बनावट के कुशलतापूर्वक बदलाव करने का कोई तरीका है?

क्या किसी के पास इसके लिए कुछ कोड है?

अद्यतन: यह user1118321 सुझाव से उत्पन्न कोड है:

uniform sampler2DRect texture; 
const mat3 rgb2yiq = mat3(0.299, 0.587, 0.114, 0.595716, -0.274453, -0.321263, 0.211456, -0.522591, 0.311135); 
const mat3 yiq2rgb = mat3(1.0, 0.9563, 0.6210, 1.0, -0.2721, -0.6474, 1.0, -1.1070, 1.7046); 
uniform float hue; 

void main() { 

vec3 yColor = rgb2yiq * texture2DRect(texture, gl_TexCoord[0].st).rgb; 

float originalHue = atan(yColor.b, yColor.g); 
float finalHue = originalHue + hue; 

float chroma = sqrt(yColor.b*yColor.b+yColor.g*yColor.g); 

vec3 yFinalColor = vec3(yColor.r, chroma * cos(finalHue), chroma * sin(finalHue)); 
gl_FragColor = vec4(yiq2rgb*yFinalColor, 1.0); 
} 

और यह एक संदर्भ के साथ तुलना में परिणाम है:

मैं साथ मैं स्विच करने की कोशिश की क्यू के अंदर क्यू लेकिन परिणाम 0 डिग्री

के आसपास भी गलत है कोई संकेत?

तो तुलना के लिए की जरूरत है, यह मूल असंशोधित छवि है:

Answer 1

जबकि क्या @awoodland कहते हैं सही है, कि विधि luminance में परिवर्तन के साथ समस्याओं का कारण बन सकता है, मेरा मानना ​​है कि।

एचएसवी और एचएलएस रंग प्रणाली कई कारणों से समस्याग्रस्त हैं। मैंने हाल ही में इस बारे में एक रंग वैज्ञानिक से बात की, और उसकी सिफारिश YIQ या YCbCr स्थान में कनवर्ट करना था और क्रोमो चैनल (I & क्यू, या सीबी & सीआर) को समायोजित करना था। (सीबी के लिए देख रहा है == 0), उन स्थानों में से एक में (आप कि here और here कैसे करना सीख सकते हैं।)

एक बार जब आप hue = atan(cr/cb) करके, कोण क्रोमा चैनलों द्वारा गठित से रंग प्राप्त कर सकते हैं। यह आपको रेडियंस में एक मूल्य देता है। बस घुमावदार रोटेशन राशि जोड़कर इसे घुमाएं। एक बार ऐसा करने के बाद, आप chroma = sqrt(cr*cr+cb*cb) के साथ क्रोमा की परिमाण की गणना कर सकते हैं। आरजीबी पर वापस जाने के लिए, Cr = chroma * sin (hue), Cb = chroma * cos (hue) का उपयोग करके नए सीबी और सीआर (या I & क्यू) की गणना करें। फिर उपरोक्त वेब पृष्ठों पर वर्णित आरजीबी में वापस कनवर्ट करें।

संपादित करें: यहां एक समाधान है जिसका मैंने परीक्षण किया है और मुझे आपके संदर्भ के समान परिणाम देने लगता है। आप शायद मैट्रिक्स पलता में डॉट उत्पादों में से कुछ संक्षिप्त कर सकते हैं:

uniform sampler2DRect inputTexture; 
uniform float hueAdjust; 
void main() 
{ 
    const vec4 kRGBToYPrime = vec4 (0.299, 0.587, 0.114, 0.0); 
    const vec4 kRGBToI  = vec4 (0.596, -0.275, -0.321, 0.0); 
    const vec4 kRGBToQ  = vec4 (0.212, -0.523, 0.311, 0.0); 

    const vec4 kYIQToR = vec4 (1.0, 0.956, 0.621, 0.0); 
    const vec4 kYIQToG = vec4 (1.0, -0.272, -0.647, 0.0); 
    const vec4 kYIQToB = vec4 (1.0, -1.107, 1.704, 0.0); 

    // Sample the input pixel 
    vec4 color = texture2DRect (inputTexture, gl_TexCoord [ 0 ].xy); 

    // Convert to YIQ 
    float YPrime = dot (color, kRGBToYPrime); 
    float I  = dot (color, kRGBToI); 
    float Q  = dot (color, kRGBToQ); 

    // Calculate the hue and chroma 
    float hue  = atan (Q, I); 
    float chroma = sqrt (I * I + Q * Q); 

    // Make the user's adjustments 
    hue += hueAdjust; 

    // Convert back to YIQ 
    Q = chroma * sin (hue); 
    I = chroma * cos (hue); 

    // Convert back to RGB 
    vec4 yIQ = vec4 (YPrime, I, Q, 0.0); 
    color.r = dot (yIQ, kYIQToR); 
    color.g = dot (yIQ, kYIQToG); 
    color.b = dot (yIQ, kYIQToB); 

    // Save the result 
    gl_FragColor = color; 
} 

Answer 2

Andrea3000, नेट पर YIQ उदाहरण की तुलना में, मैं अपनी पोस्टिंग भर में आया है, लेकिन मुझे लगता है कि की 'अद्यतन' संस्करण के साथ कुछ समस्या है आपका कोड .... मुझे यकीन है कि आपकी 'mat3' परिभाषा कॉलम/पंक्ति ऑर्डरिंग पर फ्लिप/फ्लॉप हो गई है ... (शायद यही कारण है कि आपको अभी भी परेशानी हो रही है) ...

FYI: ओपनजीएल मैट्रिक्स ऑर्डरिंग : "अधिक मूल्यों के लिए, कॉलम-प्रमुख क्रम में matrices भर जाते हैं। यही है, पहले एक्स मान पहले कॉलम हैं, दूसरे एक्स मान अगले कॉलम हैं, और बहुत आगे।" देखें: http://www.opengl.org/wiki/GLSL_Types

mat2(
float, float, //first column 
float, float); //second column