Java-Gaming.org    
Featured games (78)
games approved by the League of Dukes
Games in Showcase (426)
Games in Android Showcase (89)
games submitted by our members
Games in WIP (466)
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]How to create gradient color  (Read 884 times)
0 Members and 1 Guest are viewing this topic.
Offline grevius
« Posted 2013-07-31 21:13:00 »

hi! I have another question  Grin (maybe too mach in this days XD) i want to create a gradient background like this :

my question is : How to do this in libgdx? I nedd a texture or i can avoid? I have googoled but i don't know what to serach because i'm new in libgdx and i don't know what to search exactly.
Thanx in advice and have a good day  Cheesy
Offline Danny02
« Reply #1 - Posted 2013-07-31 21:30:00 »

given that you don't know that much about OpenGL, I would say the easiest way for you to achieve this is with a simple texture.

I will give you three possible implementation ideas ordered from easy to "hard"

  • Just create a gradient texture of the size you need in your prefered image application, then use the standard libgdx sprite batcher
  • create an Image in your app of the size 1x2 with the two colors you like to have a gradient with. Upload this image as a texture and set the filtering option to linear. then use it as before, this approach gives you the nice benefit to work perfect with every background size
  • If you know a bit OpenGL you could just create an Quad with the Color-Attribute set to the colors you want and let OpenGL interpolate them for you.
Offline grevius
« Reply #2 - Posted 2013-07-31 22:10:21 »

given that you don't know that much about OpenGL, I would say the easiest way for you to achieve this is with a simple texture.

I will give you three possible implementation ideas ordered from easy to "hard"

  • Just create a gradient texture of the size you need in your prefered image application, then use the standard libgdx sprite batcher
  • create an Image in your app of the size 1x2 with the two colors you like to have a gradient with. Upload this image as a texture and set the filtering option to linear. then use it as before, this approach gives you the nice benefit to work perfect with every background size
  • If you know a bit OpenGL you could just create an Quad with the Color-Attribute set to the colors you want and let OpenGL interpolate them for you.
first of all thanks for the great answer! Grin
I really don't know nothing about opengl but i'm interessed in it, can you suggest me some tutorial or other? i want to implement the 3th way, there is some explaination about it?
Games published by our own members! Check 'em out!
Legends of Yore - The Casual Retro Roguelike
Offline Phibedy

Senior Member


Medals: 8



« Reply #3 - Posted 2013-07-31 22:12:38 »

That one is quite usefull: https://github.com/mattdesl/lwjgl-basics/wiki/Shaders
Offline Danny02
« Reply #4 - Posted 2013-07-31 23:37:34 »


Although I would encourage to learn the modern OpenGL way. I think a simple glBegin, glEnd would be enough for this simple gradient

The OpenGL code to draw a simple Quad should be something like this.
1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
11  
glBegin(GL_Quads);
//bottom
glColor3f(0.3f, 0f, 0f); //dark red
glVertex2f(-1, -1); //left bottom of screen
glVertex2f(1, -1);  //right bottom of screen
//top
glColor3f(1f, 0f, 0f); //full red
glVertex2f(-1, 1); //left top of screen
glVertex2f(1, 1);  //right top of screen

glEnd();
Offline grevius
« Reply #5 - Posted 2013-08-01 01:00:59 »

The OpenGL code to draw a simple Quad should be something like this.
1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
11  
glBegin(GL_Quads);
//bottom
glColor3f(0.3f, 0f, 0f); //dark red
glVertex2f(-1, -1); //left bottom of screen
glVertex2f(1, -1);  //right bottom of screen
//top
glColor3f(1f, 0f, 0f); //full red
glVertex2f(-1, 1); //left top of screen
glVertex2f(1, 1);  //right top of screen

glEnd();


Sorry but i don't know were i have to put this code  Huh i'm so noob  Cry
Offline relminator
« Reply #6 - Posted 2013-08-01 01:28:27 »

A full screen quad with different colored vertices should work too.
Pages: [1]
  ignore  |  Print  
 
 
You cannot reply to this message, because it is very, very old.

 

Add your game by posting it in the WIP section,
or publish it in Showcase.

The first screenshot will be displayed as a thumbnail.

xsi3rr4x (72 views)
2014-04-15 18:08:23

BurntPizza (68 views)
2014-04-15 03:46:01

UprightPath (79 views)
2014-04-14 17:39:50

UprightPath (65 views)
2014-04-14 17:35:47

Porlus (80 views)
2014-04-14 15:48:38

tom_mai78101 (104 views)
2014-04-10 04:04:31

BurntPizza (164 views)
2014-04-08 23:06:04

tom_mai78101 (260 views)
2014-04-05 13:34:39

trollwarrior1 (210 views)
2014-04-04 12:06:45

CJLetsGame (220 views)
2014-04-01 02:16:10
List of Learning Resources
by SHC
2014-04-18 03:17:39

List of Learning Resources
by Longarmx
2014-04-08 03:14:44

Good Examples
by matheus23
2014-04-05 13:51:37

Good Examples
by Grunnt
2014-04-03 15:48:46

Good Examples
by Grunnt
2014-04-03 15:48:37

Good Examples
by matheus23
2014-04-01 18:40:51

Good Examples
by matheus23
2014-04-01 18:40:34

Anonymous/Local/Inner class gotchas
by Roquen
2014-03-11 15:22:30
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!