TexturePacker

I have been using TexturePacker and Pixi for animations, but now the exported TexturePacker files (multipacked) are stored in a CMS system. The CMS prepends the file names with unpredictable letters and numbers, which makes PIXI unable to link the json and spritesheets together, and also the "related_multi_packs" value in json are now incorrect.

Is there a way to tell PIXI to use these files in a "manual" way? After I load the json files with standard ajax, could I i.e. inject the correct spritesheet url in the json files, and then give it to PIXI somehow?

I'm having some well know problem with Libgdx and Tiled Maps, where my map flickers when the player moves (the camera follows the player).

I have searched for the answer and find out that all maps do that, and to fix that you must pack your sprites with 4 padding, 2 border and duplicate border (or extruded border in some tools). With texturepacker that comes with libgdx, you can pack your images, as long as you split then first, and add the padding/border. But, they are randomly placed in the tileset, making it harder to make maps (you need to see tiles grouped in original order)

My problem is that i'm trying to do that for some days now and never got it done. I have one input tileset and it is 32x32px. So what i try so far is:

The closest i got is: unpacked all 32x32 images from tileset and packed then again using some tool. First problem is that all image unpacker (spliter) that i used dont apply transparence to background, and some tileset are extremely detailed, making it too hard to get it right. Second problem is that when i want to pack it, most tools dont provide order, so i lose the tileset configuration (which is realy important when making the map).

Can someone please tell me how to do it without that much of effort? Do i really need to lose days of work to make a tileset look good in Libgdx?

I just need to add border/padding to the tileset, holding its original positions.

I'm sure that there is something i'm missing, it can't be that hard.

Thanks

Trying to use the multiatlas feature in Phaser and TexturePacker.

Getting this error:

I'm creating a game in JavaScript using the Phaser 3 framework. I'm using the Matter physics engine, and I only want the player to be able to jump (or ollie, as it is in the game) if they are touching the ground. I'm trying to use the collision detection within Matter physics, but I can't seem to get anything to work.

The error in this current code is "Uncaught TypeError: this.matter.world is not a function", although I have tried other ways of implementing the collision detection used here.

I expect the player to only be able to jump when the up arrow key is hit AND they are touching the ground.

I am creating an HTML5 web adventure game and making tilemaps with Tiled.

Even with Texture Packer, I seem to be exceeding max cache of texture units as I'm getting error

Texture cache overflow: 16 texture units available

WebGL Stats shows the limit is 16 for ~70% of devices. My browser, as shown here, supports 16 texture units:

In game, I opened Chrome console to check WebGL specs:

• WebGL2RenderingContext.MAX_TEXTURE_IMAGE_UNITS = 34930
• WebGL2RenderingContext.MAX_VERTEX_TEXTURE_IMAGE_UNITS = 35660
• WebGL2RenderingContext.MAX_COMBINED_TEXTURE_IMAGE_UNITS = 35661

This is a bit confusing as this article shows output should be more in the 0-10 range, not 30,000 range:

I'm trying to load a png file, but I don't know why it doesn't work, because I already checked the file path and used TexturePacker for making the texture atlas. The other images in the same path work just fine. Any help will be appreciated.

I have written a CMD script for batching atlas packs, and it works fine.

I tried to remove them using TexturePacker with option: "Clear transparent pixels" but that removed part of the sprite. And this is what happened:

After that, I restored the deleted part in Aseprite. But the transparent pixels appeared again. Also tried to delete everything around sprites with Wand tool.

I have a folder path stored in a variable ${PROJECT_DIR}. I want to navigate up into its parent folder, and back down into a folder called "Texture Packer" , i.e.. ${PROJECT_DIR} and "Texture Packer" are siblings. How do I specify it in a shell script ? So far I have: