[Share] Example: Pixi.js + Tiled

[finscn]

Pixi.js ( http://www.pixijs.com ) is a famous The HTML5 Creation Engine. It's based on Canvas & WebGL for rendering.

There is a pixi tool named pixi-tilemap ( https://github.com/pixijs/pixi-tilemap ) It could work for rendering map based tile. But there is no official example for telling us how to use it with Tiled.

I'm a crazy fan of Tiled , I think I should do something. So, I create a tool at https://github.com/finscn/tiled-kit.js , it could help us to use Tiled in Web more easily.

There are some examples showing that how to use pixi.js + pixi-tilemap + tiled-kit.js :

• Normal Tile map ( orthogonal rect tile): http://fatidol.com/tiled/main.html?example=1

• Normal Tile map with tileoffset & multi layer http://fatidol.com/tiled/main.html?example=2

• Normal Isometric Tile map ( orthogonal rhombus tile): http://fatidol.com/tiled/main.html?example=3

• Normal Staggered Isometric Tile map ( orthogonal rhombus tile): http://fatidol.com/tiled/main.html?example=4

My english is very poor , so there is no document now. But I'm glad to discuss about Tiled , pixi-tilemap & tiled-kit.js with you.

[Ablu]

I guess a great place to show this off would be the forum: http://discourse.mapeditor.org/