Java-Gaming.org Hi !
Featured games (90)
games approved by the League of Dukes
Games in Showcase (741)
Games in Android Showcase (225)
games submitted by our members
Games in WIP (823)
games currently in development
News: Read the Java Gaming Resources, or peek at the official Java tutorials
 
    Home     Help   Search   Login   Register   
Pages: [1]
  ignore  |  Print  
  [libGDX] Photoshop-like filters  (Read 1318 times)
0 Members and 1 Guest are viewing this topic.
Offline JFixby
« Posted 2016-02-18 15:46:32 »

Hello everyone,

How can I get the following effect using libGDX:

Click to Play


Photoshop does that by using moving HueSaturation-layer with mask.

Is there a way to apply Photoshop-like filters (Multiply, Color-Dodge, etc) in a game?

my dev log: http://jfix.by/
Offline Quexten

Junior Newbie





« Reply #1 - Posted 2016-02-18 16:42:16 »

Yeah, that's totally possible. Take a look at shaders.
A good starting point can be found here: https://github.com/mattdesl/lwjgl-basics/wiki/Shaders
For your examlpe you would have to render the whole scene into a Framebuffer (basicly a texture that you can write to).
Then you would render that to the screen using a shader that will make the parts of the image you want to be gray, gray.
Offline SHC
« Reply #2 - Posted 2016-02-18 17:57:31 »

Keep a circle that covers the area and the radius, and use the shaders to convert anything in that area into grayscale. Render the foreground trees with a separate shader.

1  
2  
3  
4  
5  
6  
7  
8  
9  
out float isGray;

void main()
{
    if ( (p.x - c.x) * (p.x - c.x) + (p.y - c.y) * (p.y - c.y) <= r * r )
        isGray = 1.0;
    else
        isGray = 0.0;
}

Then use this in fragment shader to convert to grayscale.

1  
2  
3  
4  
if (isGray == 1.0)
    outColor = vec4(vec3((c.r + c.g + c.b) / 3.0), c.a);
else
    outColor = c;

This sorta works, but should be improved.

Games published by our own members! Check 'em out!
Legends of Yore - The Casual Retro Roguelike
Offline JFixby
« Reply #3 - Posted 2016-02-18 23:03:01 »

I found this example online: https://github.com/JFixby/Tinto/blob/master/tinto-run-fokker-desktop/tinto-run-desktop/com/jfixby/tinto/run/desktop/GrayscaleTest.java
Is it what I'm looking for?

Will it work on Android/iOS?

Also I'm total noob in shaders. Is there some sort of an editor to test/debug shader code?

my dev log: http://jfix.by/
Pages: [1]
  ignore  |  Print  
 
 

 
xxMrPHDxx (18 views)
2017-11-21 16:21:00

xxMrPHDxx (11 views)
2017-11-21 16:14:31

xxMrPHDxx (14 views)
2017-11-21 16:10:57

Ecumene (114 views)
2017-09-30 02:57:34

theagentd (148 views)
2017-09-26 18:23:31

cybrmynd (248 views)
2017-08-02 12:28:51

cybrmynd (247 views)
2017-08-02 12:19:43

cybrmynd (244 views)
2017-08-02 12:18:09

Sralse (258 views)
2017-07-25 17:13:48

Archive (878 views)
2017-04-27 17:45:51
List of Learning Resources
by elect
2017-03-13 14:05:44

List of Learning Resources
by elect
2017-03-13 14:04:45

SF/X Libraries
by philfrei
2017-03-02 08:45:19

SF/X Libraries
by philfrei
2017-03-02 08:44:05

SF/X Libraries
by SkyAphid
2017-03-02 06:38:56

SF/X Libraries
by SkyAphid
2017-03-02 06:38:32

SF/X Libraries
by SkyAphid
2017-03-02 06:38:05

SF/X Libraries
by SkyAphid
2017-03-02 06:37:51
java-gaming.org is not responsible for the content posted by its members, including references to external websites, and other references that may or may not have a relation with our primarily gaming and game production oriented community. inquiries and complaints can be sent via email to the info‑account of the company managing the website of java‑gaming.org
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines | Managed by Enhanced Four Valid XHTML 1.0! Valid CSS!