Java-Gaming.org Hi !
Featured games (90)
games approved by the League of Dukes
Games in Showcase (769)
Games in Android Showcase (230)
games submitted by our members
Games in WIP (856)
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 1688 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  
 
 

 
EgonOlsen (1672 views)
2018-06-10 19:43:48

EgonOlsen (1720 views)
2018-06-10 19:43:44

EgonOlsen (1161 views)
2018-06-10 19:43:20

DesertCoockie (1587 views)
2018-05-13 18:23:11

nelsongames (1187 views)
2018-04-24 18:15:36

nelsongames (1716 views)
2018-04-24 18:14:32

ivj94 (2541 views)
2018-03-24 14:47:39

ivj94 (1767 views)
2018-03-24 14:46:31

ivj94 (2847 views)
2018-03-24 14:43:53

Solater (972 views)
2018-03-17 05:04:08
Deployment and Packaging
by mudlee
2018-08-22 18:09:50

Java Gaming Resources
by gouessej
2018-08-22 08:19:41

Deployment and Packaging
by gouessej
2018-08-22 08:04:08

Deployment and Packaging
by gouessej
2018-08-22 08:03:45

Deployment and Packaging
by philfrei
2018-08-20 02:33:38

Deployment and Packaging
by philfrei
2018-08-20 02:29:55

Deployment and Packaging
by philfrei
2018-08-19 23:56:20

Deployment and Packaging
by philfrei
2018-08-19 23:54:46
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!