Gradient Ramp color cycle

tuxmask75

Hey guys! I have a problem here, well I'm able to create a standard gradient ramp shader, however I'm having a real issue with re-creating what's shown in the gif here, http://i.imgur.com/4qLMLwz.gif
The problem I'm having is related to having the 2 Ramp textures overlap!
Red channel is 1 greyscale texture and Green is the second for the 2 ramps. Here is the texture I'm using https://dl.dropboxusercontent.com/u/27932384/test.tga ( I made the blue channel as my mask, and can be ignored)

Normally I would have 2 colors for the red channel ramp (yellow and dark blue). And also 2 colors for the green channel ramp (Red and dark blue). And lerp between them with a mask. however I cant seem to do that when the ramp textures overlap. (it produces another ramp animation all together without the faked scrolling effect.)

I'm at my wits end! Does anyone know how to recreate the shader from the gif?

tuxmask75

P.S. This is one of the many many many failed end results I'm getting here, the checker pattern is static because in this one since I'm using a static mask that I made for the texture's blue channel. ( the blue channel texture shouldn't exist, since it does not exist in the original texture.)
I'm guessing that the green and red channel create the mask animation on the fly causing the scrolling effect.

Fail : https://cdn.discordapp.com/attachments/179338139897298946/253657780907409408/gradient2.gif

mAlkAv!An

Is there a reason you don't want to actually scroll the texture?
I just had a quick look at your texture and came up with a material pretty close to your reference, however it's using a 'Panner' node.

tuxmask75

Hey yeah lets see what you came up with !
I had a panner version, but it doesn't quite have the same effect. perhaps your approach is different in some way.

mAlkAv!An

Basically I'm using the difference between red and green channel as a mask for lerping blue. Then using a panner but make it scroll in increments to match your reference .gif.

tuxmask75

mAlkAv!An said:

Basically I'm using the difference between red and green channel as a mask for lerping blue. Then using a panner but make it scroll in increments to match your reference .gif.

tuxmask75

Nice! well this gave me an idea and I tried it out but failed.  For the red blue and yellow texture we tried to recreate, its actually using 4 colors as follows, blue to red to blue to yellow.

Here's the same gradient but with 4 different colors: green, black, red, blue to help understand what's going on visualy.


and here is what I came up with but failed to pull off the proper color order and spacing.