[Share] Example: Pixi.js + Tiled
Nobody has claimed this yet.
- Dominant language
- C++
- Stars
- 12.9k
- Forks
- 2k
- Avg merge
- 4h 27m
- Merged PRs (30d)
- 8
Description
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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue names no repository files or tests. Start by reviewing the linked Pixi.js, pixi-tilemap, and tiled-kit.js examples, then clarify whether an official Tiled example or documentation is wanted; done would require an agreed scope and a maintained example covering the stated map cases.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- documentation, web-dev
- Issue type
- Documentation
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100