Gradient paint background

@comeup your response is tantamount to a middle finger considering the amount of time roaminggamer has already put into trying to steer you in the right direction.

Either follow his direction above so that someone who has the time can help you, or pay for roaminggamers module and move on.

I got a better idea mind your business if your not bring positive

Oy. Good luck kid.

Changing?  I creates a gradient as expected.  You’re either not inserting it into the correct group or positioning it incorrectly.

Try just this in a blank main.lua file to prove to yourself it works, the look for the reason you’re not seeing it when you write it your way:

local paint = { type = "gradient", color1 = { 1, 0, 0.4 }, color2 = { 1, 0, 0, 0.2 }, direction = "up" } local rect = display.newRect( display.contentCenterX, display.contentCenterY, 600, 700 ) rect.fill = paint

gradient.jpg

Have you seen Instagram’s latest background on the register and sign in page ? That’s how I want it to look

Nope.  Better post a screenshot. 

I found this, but I don’t know if that is what you mean:

instagram02.jpg

Regardless.  Corona gradients are TWO color only.  If you want some kind multi color sequence, you’ll need to make it in a art program OR use graphics 2.0 featuers: https://docs.coronalabs.com/guide/graphics/effects.html  Or code your own generator and plug that into Corona’s graphics pipeline.

This seems to approximate the screenshot posted above:

-- == -- hexcolor( ) - converts hex color codes to rgba Graphics 2.0 value -- == local function hexcolor( code ) code = code and string.gsub( code , "#", "") or "FFFFFFFF" code = string.gsub( code , " ", "") local colors = {1,1,1,1} while code:len() \< 8 do code = code .. "F" end local r = tonumber( "0X" .. string.sub( code, 1, 2 ) ) local g = tonumber( "0X" .. string.sub( code, 3, 4 ) ) local b = tonumber( "0X" .. string.sub( code, 5, 6 ) ) local a = tonumber( "0X" .. string.sub( code, 7, 8 ) ) local colors = { r/255, g/255, b/255, a/255 } return colors end local sqrt2 = math.sqrt(2) local paint = { type = "gradient", color1 = hexcolor("#a336b7"), color2 = hexcolor("#f47935"), direction = "down" } local rect = display.newRect( display.contentCenterX, display.contentCenterY, display.actualContentWidth \* sqrt2, display.actualContentWidth \* sqrt2 ) rect.rotation = 45 rect.fill = paint

gradient_instagram.jpg

This can be further refined by changing the rotation, position, and size of rect.

Just gotta think outside the box and it’s all possible with Corona.  That is why I love it.

It’s like this :

http://crevisio.com/photo/ijIqOgkVb

But the colors move in a circular motion 

That can be done, but you’ll have to be creative and probably use more than one gradient filled object combined.  Or, use a custom generator.

I’m out of time to help on this, but I assure you this is achievable.

Is this what you mean?

instagram_gradient_wallpaper_mac.jpg

Do you know of any art generators I can use to accomplish this ?

Try to find or make something here:

https://shader.coronalabs.com/#&{“vdata”:[0.9,0,0,0],“shader”:“ClBfQ09MT1IgdmVjNCBGcmFnbWVudEtlcm5lbCggUF9VViB2ZWMyIHRleENvb3JkICkKewoJUF9DT0xPUiB2ZWM0IHJldCA9IHZlYzQoCgkJdGV4Q29vcmQueCwKCQl0ZXhDb29yZC55LAoJCWFicyhzaW4oQ29yb25hVG90YWxUaW1lKSksCgkJMSk7CgogICAgcmV0dXJuIENvcm9uYUNvbG9yU2NhbGUocmV0KTsgICAgCn0K”}

Then read this article to learn to use it:

https://coronalabs.com/blog/2015/04/15/custom-shader-effects/

https://forums.coronalabs.com/topic/56284-share-your-shaders/

Or… pay someone to do it for you.

I have directed the other two threads to this one. Please continue the conversation here.

Rob

okay do you have an idea of what I am trying to do

Keep in mind, these are “Community” forums. For advice on how to do things, advice from community developers like @roaminggammer is way more valuable to you than from me. I know Corona, the product well, but I don’t have all the experience that the community has in using Corona so I can’t add any more to the conversation that hasn’t already been said other than perhaps you should try looking at what’s going on and try to animate it by changing the values slowly over time.

Rob

Yeah that’s my problem I don’t know how to slow the animations down 

Updated to include a version that oscillates over time:

https://www.youtube.com/watch?v=hx2mUCmt0RM&feature=youtu.be

local kernel = require "kernel\_filter\_custom\_example" graphics.defineEffect( kernel ) -- Apply filter image.fill.effect = "filter.custom.example" -- image:setFillColor( 1, 0, 0 ) -- Filter parameter image.fill.effect.intensity = 1 transition.to( image.fill.effect, { intensity = 2, time = 9000, transition = easing.outExpo } )

That’s my code and it still doesn’t work .