Jump to content

What is this called?


tonetheman
 Share

Recommended Posts

I think every time I use phaser I come to this same problem... I have art I got from opengameart. It is a nicely arranged sheet. Not of animation, just of sprites to use individually.

How in the hell do I use it...

Is that a texture atlas or a spritesheet? I feel like this is a common case and there must be a LOT of examples but I am not sure what I am even searching for.

What I usually do is just cut the sprites out by hand with GIMP since searching on this topic almost always leaves me with nothing.

 

Link to comment
Share on other sites

It depends. Very often it's neither a sprite sheet OR a texture atlas, it's just an image with the frames pasted into it. So you have to then cut them out yourself as they're effectively useless until you do so. Lots of files on OpenGameArt are like this.

You can tell if it's an atlas because the image will come with either an xml or json file describing every frame within it. No file = not an atlas.

You can tell if it's a sprite sheet because every single frame in the sheet will be the exact same size, and they will all be positioned in a row, with no other crud around them. The rows may wrap to another line, but they are still in rows. If the sheet contains lots of these rows all over the place, again, it's useless and needs cutting up.

Link to comment
Share on other sites

Man that is a great answer!

Every time I look at this I think I must be missing something.

The file I have is easy enough to decipher. I can just create an atlas for it by hand. The tiles are all placed up against each other in a nice grid. It will end up being math...

I always want some phaser call to look like this

let a = this.load.regularGridSprites("tiles", { w : 16, h : 16, rows: 10, cols : 10 });

That does not appear to exist.

Thanks you have at least pointed me in the correct direction.

 

Link to comment
Share on other sites

9 minutes ago, tonetheman said:

Man that is a great answer!

Every time I look at this I think I must be missing something.

The file I have is easy enough to decipher. I can just create an atlas for it by hand. The tiles are all placed up against each other in a nice grid. It will end up being math...

I always want some phaser call to look like this

let a = this.load.regularGridSprites("tiles", { w : 16, h : 16, rows: 10, cols : 10 });

That does not appear to exist.

Thanks you have at least pointed me in the correct direction.

 

Hi Tonetheman, if your sprites are all organized in a grid-like fashion, it sounds like you have a spritesheet and Phaser does support that. Take a look at the spritesheet class here. 

Implementation looks something like this: 

this.load.spritesheet('diamonds', 'assets/sprites/diamonds32x24x5.png', { frameWidth: 32, frameHeight: 24 });

this = your current scene.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...