https://github.com/prozi/pixi-tiled-utils
PIXI.js Tiled utilities
https://github.com/prozi/pixi-tiled-utils
Last synced: over 1 year ago
JSON representation
PIXI.js Tiled utilities
- Host: GitHub
- URL: https://github.com/prozi/pixi-tiled-utils
- Owner: Prozi
- Created: 2019-06-21T21:53:28.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2025-01-22T09:07:10.000Z (over 1 year ago)
- Last Synced: 2025-02-26T05:47:06.776Z (over 1 year ago)
- Language: JavaScript
- Size: 1.87 MB
- Stars: 5
- Watchers: 3
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PIXI.js Tiled utilities
## Documentation
state: poor but whole
## Some information from author
- Before you import you have to have window.PIXI defined
- When you import this library you get PIXI.Tiled helper
## Whats inside the helper
- FullscreenApplication
which extends PIXI.Application and adds autoresize
and canvas of full width and height of window
- World
```js
const PIXI = require("pixi.js");
const tu = require("pixi-tiled-utils");
const app = new tu.FullscreenApplication();
const json = {
// json you get from Tiled application
backgroundcolor: "#656667",
height: 4,
layers: [],
nextobjectid: 1,
orientation: "orthogonal",
properties: [
{
name: "mapProperty1",
type: "string",
value: "one",
},
{
name: "mapProperty2",
type: "string",
value: "two",
},
],
renderorder: "right-down",
tileheight: 32,
tilesets: [
{
// at least one tileset is required for tiled-utils
},
],
tilewidth: 32,
version: 1,
tiledversion: "1.0.3",
width: 4,
};
const tileset = new PIXI.Sprite();
app.world = new PIXI.Tiled.World();
app.world.create(json, tileset).then((world) => {
app.stage.addChild(world);
console.log(`world has ${app.stage.children.length} children`);
});
```
see live:
- TextureExtractor
Useful if you want to slice a spritesheet
- utils
Some internally used utils that might or not be useful (just exported them because of reasons)
---
(c) 2019 Jacek Pietal, License: MIT
by players for players