Color Overlay Graphic Effect Needs Improvement

Discussion about LiveCode Global Jam events and activities

Moderators: heatherlaine, Klaus, FourthWorld, robinmiller, kevinmiller

Post Reply
netdzynr
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 60
Joined: Sat Apr 08, 2006 6:04 am
Contact:

Color Overlay Graphic Effect Needs Improvement

Post by netdzynr » Sat May 24, 2014 12:30 am

Ever since it was implemented, applying the colorOverlay graphic effect results in visible artifacts present at the edges of rounded and angled controls. The issue appears to be the combination of the overlaid color with the antialiasing of the underlying target object, and is most noticeable when the color opacity is 100% (255).

A demonstration stack is attached. The current results are unprofessional and should be improved.
Attachments
ColorOverlay_Issue.livecode.zip
colorOverlay issues demo
(17.65 KiB) Downloaded 135 times

Peregrine
Posts: 53
Joined: Sun Jan 10, 2010 10:33 pm
Location: Always changing!
Contact:

Re: Color Overlay Graphic Effect Needs Improvement

Post by Peregrine » Sat May 24, 2014 12:54 am

Confirmed on Mac OSX with LC 6.6.1 and 7.0.0 dp4
Charles Buchwald
xTalk coding since 1990
Developer of lcResTool and lcMover and other developer tools
https://charlesbuchwald.com

Simon
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 3901
Joined: Sat Mar 24, 2007 2:54 am
Location: Palo Alto

Re: Color Overlay Graphic Effect Needs Improvement

Post by Simon » Sat May 24, 2014 1:06 am

Acck! It's what happens when you pet the cat the wrong direction.
Confirmed Win 7 LC 7 dp5

Simon
I used to be a newbie but then I learned how to spell teh correctly and now I'm a noob!

capellan
Posts: 517
Joined: Wed Aug 15, 2007 11:09 pm
Contact:

Re: Color Overlay Graphic Effect Needs Improvement

Post by capellan » Sat May 24, 2014 1:36 am

netdzynr wrote:Ever since it was implemented, applying the colorOverlay graphic effect results in visible artifacts present at the edges of rounded and angled controls. The issue appears to be the combination of the overlaid color with the antialiasing of the underlying target object, and is most noticeable when the color opacity is 100% (255).
Hi Scott,

I noticed a visible improvement if we change the Blend Mode
(inside the Color Overlay panel) from Normal to Multiply.
Could you see this change?

Al

netdzynr
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 60
Joined: Sat Apr 08, 2006 6:04 am
Contact:

Re: Color Overlay Graphic Effect Needs Improvement

Post by netdzynr » Sat May 24, 2014 1:48 am

I noticed a visible improvement if we change the Blend Mode
(inside the Color Overlay panel) from Normal to Multiply.
The multiply blendMode works when the target object is white or a light color, but is not a long term solution. Change the backColor of the target object to black and you'll see why.

netdzynr
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 60
Joined: Sat Apr 08, 2006 6:04 am
Contact:

Re: Color Overlay Graphic Effect Needs Improvement

Post by netdzynr » Sat May 24, 2014 2:03 am

The colorOverlay effect is based on the Photoshop effect of the same name. Attached is a comparison of the two results.
sample.jpg
color overlay comparison
sample.jpg (20.88 KiB) Viewed 2432 times
It's true if you jump through some hoops, you can sometime find a tolerable workaround, but when delivering solutions to clients, you can't expect them to know how to solve this type of issue. It should just work.

FourthWorld
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 6173
Joined: Sat Apr 08, 2006 7:05 am
Location: Los Angeles
Contact:

Re: Color Overlay Graphic Effect Needs Improvement

Post by FourthWorld » Sat May 24, 2014 10:28 pm

Scott, I just searched the bug DB for this but came up empty. Did you submit it? If not, please do. Thanks.
Richard Gaskin
Community volunteer LiveCode Community Liaison

LiveCode development, training, and consulting services: Fourth World Systems: http://FourthWorld.com
LiveCode User Group on Facebook : http://FaceBook.com/groups/LiveCodeUsers/

Post Reply

Return to “LiveCode Global Jam”