Hi !
Featured games (85)
games approved by the League of Dukes
Games in Showcase (636)
Games in Android Showcase (178)
games submitted by our members
Games in WIP (688)
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  
  Sprite sheet in LWJGL  (Read 2066 times)
0 Members and 1 Guest are viewing this topic.
Offline masteryoom

JGO Coder

Medals: 5
Projects: 2

If you look closely, you might see it turning...

« Posted 2012-11-23 06:16:36 »

How would you select different pictures in a sprite sheet to put on the screen with LWJGL?

Offline Grunnt

JGO Kernel

Medals: 95
Projects: 8
Exp: 5 years

Complex != complicated

« Reply #1 - Posted 2012-11-23 10:28:24 »

Your question is a bit generic: do you have code examples of what you are trying to do?

You may consider using Slick2D or LibGDX, which both support easy-to-use sprite sheets out of the box.

Offline Varkas
« Reply #2 - Posted 2012-11-23 11:21:23 »

Maybe I misunderstood the question, but isn't that just done by setting the texture coordinates so that the right area from the sprite sheet is put as texture on the sprite?

if (error) throw new Brick(); // Blog (german):
Games published by our own members! Check 'em out!
Legends of Yore - The Casual Retro Roguelike
Offline matheus23

JGO Kernel

Medals: 123
Projects: 3

You think about my Avatar right now!

« Reply #3 - Posted 2012-11-23 14:52:47 »

So ... actually it's pretty easy.

You've got a SpriteSheet, which has dimensions width and height (in pixels).
Usually for Texture coordinates you use these:
1st Vertex: x: 0; y: 0
1st Vertex: x: 1; y: 0
1st Vertex: x: 1; y: 1
1st Vertex: x: 0; y: 1

We could replace this by some variables: lowX, lowY, highX and highY:
1st Vertex: x: lowX; y: lowY
1st Vertex: x: highX; y: lowY
1st Vertex: x: highX; y: highY
1st Vertex: x: lowX; y: highY

To get the above example, we would use 1 for high and 0 for low.

Sooo, to draw "Sprites" from the SpriteSheet, you'd just change your high and low values.
If you've got a spritesheet which is 512 pixels of width and 512 pixels of height, and you want the Sprite in the SpriteSheet at position x: 32; y: 32 and width: 64; height: 64, then you'd easily use this:

sprite.lowX = sprite.pixelX / sheet.width;
sprite.lowY = sprite.pixelY / sheet.height;
sprite.highX = sprite.lowX + (sprite.pixelWidth / sheet.width);
sprite.highY = sprite.lowY + (sprite.pixelHeight / sheet.height);

It's pretty easy actually.

See my:
    My development Blog:     | Or look at my RPG | Or simply my coding
http://matheusdev.tumblr.comRuins of Revenge  |      On Github
Pages: [1]
  ignore  |  Print  
You cannot reply to this message, because it is very, very old.

Dwinin (73 views)
2015-11-07 13:29:08

Rems19 (81 views)
2015-10-31 01:36:56

Rems19 (78 views)
2015-10-31 01:32:37

williamwoles (107 views)
2015-10-23 10:42:59

williamwoles (93 views)
2015-10-23 10:42:45

Jervac_ (111 views)
2015-10-18 23:29:12

DarkCart (135 views)
2015-10-16 00:58:11

KaiHH (118 views)
2015-10-11 14:10:14

KaiHH (157 views)
2015-10-11 13:26:18

BurntPizza (172 views)
2015-10-08 03:11:46
Rendering resources
by Roquen
2015-11-13 14:37:59

Rendering resources
by Roquen
2015-11-13 14:36:58

Math: Resources
by Roquen
2015-10-22 07:46:10

Networking Resources
by Roquen
2015-10-16 07:12:30

Rendering resources
by Roquen
2015-10-15 07:40:48

Math: Inequality properties
by Roquen
2015-10-01 13:30:46

Math: Inequality properties
by Roquen
2015-09-30 16:06:05

HotSpot Options
by Roquen
2015-08-29 11:33:11 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‑
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!