odrick / Free Tex Packer
Licence: mit
Free texture packer
Stars: ✭ 337
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Free Tex Packer
Phaser Tilemap Plus
Tilemap animations, physics, events and custom property enhancements for Tiled JSON map files
Stars: ✭ 44 (-86.94%)
Mutual labels: phaser, sprites
Dragonbonesjs
DragonBones TypeScript / JavaScript Runtime
Stars: ✭ 602 (+78.64%)
Mutual labels: phaser, pixi
Pixieditor
PixiEditor is a lightweight pixel art editor made with .NET 5
Stars: ✭ 210 (-37.69%)
Mutual labels: pixi, sprites
Expo Phaser
Build awesome 2D games with Phaser.js and Expo
Stars: ✭ 182 (-45.99%)
Mutual labels: phaser, pixi
PrinceJS
Prince of Persia reimplementation written in HTML5 / Javascript (MS-DOS Version)
Stars: ✭ 767 (+127.6%)
Mutual labels: phaser
dti-sprites
(ICCV 2021) Code for "Unsupervised Layered Image Decomposition into Object Prototypes" paper
Stars: ✭ 33 (-90.21%)
Mutual labels: sprites
phaser-typescript-webpack
Another Phaser CE boilerplate using TypeScript and Webpack.
Stars: ✭ 17 (-94.96%)
Mutual labels: phaser
Phaserquest
Reproduction of Mozilla's BrowserQuest using Phaser, socket.io and Node.js
Stars: ✭ 313 (-7.12%)
Mutual labels: phaser
SpookyGhost
A procedural sprite animation tool made with the nCine
Stars: ✭ 185 (-45.1%)
Mutual labels: sprites
Enable3d
🕹️ Standalone 3D Framework / Physics for three.js (using ammo.js) / 3D extension for Phaser 3
Stars: ✭ 271 (-19.58%)
Mutual labels: phaser
tuile
Tuile (french for tile) is a 2D graphics engine inspired from old hardware and based on layers, tiles sets, tile maps and sprites. Its scanline rendering pipeline makes it perfect for raster effects.
Stars: ✭ 19 (-94.36%)
Mutual labels: sprites
phaser3-webpack-es6-dev-starter
Development set up for Phaser 3, Webpack, and ES6.
Stars: ✭ 44 (-86.94%)
Mutual labels: phaser
phaser-parcel
A Phaser 3 game template using Parcel bundler
Stars: ✭ 64 (-81.01%)
Mutual labels: phaser
Mbtileparser
MBTileParser is a game engine written using pure UIKit in the days before SpriteKit.
Stars: ✭ 297 (-11.87%)
Mutual labels: sprites
generator-phaser-browserify
A generator for Phaser using Gulp and Browserify
Stars: ✭ 36 (-89.32%)
Mutual labels: phaser
phaser-cli
Create Phaser projects with no build configuration.
Stars: ✭ 53 (-84.27%)
Mutual labels: phaser
Free texture packer
Free texture packer creates sprite sheets for you game or site. Rotation, trimming, multipacking, various export formats (json, xml, css, pixi.js, godot, phaser, cocos2d). Zip support. TinyPNG support. Split sheet tool.
Homepage: https://free-tex-packer.com
Web version: https://free-tex-packer.com/app
Desktop versions for win, mac, linux: https://github.com/odrick/free-tex-packer/releases
Gulp module: https://github.com/odrick/gulp-free-tex-packer
Grunt plugin: https://github.com/odrick/grunt-free-tex-packer
Webpack plugin: https://github.com/odrick/webpack-free-tex-packer
CLI: https://github.com/odrick/free-tex-packer-cli
Custom templates
Free texture packer uses mustache template engine.
There are 3 objects passed to template:
rects (Array) list of sprites for export
| prop | type | description |
|---|---|---|
| name | String | sprite name |
| frame | Object | frame info (x, y, w, h, hw, hh) |
| rotated | Boolean | sprite rotation flag |
| trimmed | Boolean | sprite trimmed flag |
| spriteSourceSize | Object | sprite source size (x, y, w, h) |
| sourceSize | Object | original size (w, h) |
| first | Boolean | first element in array flag |
| last | Boolean | last element in array flag |
config (Object) current export config
| prop | type | description |
|---|---|---|
| imageWidth | Number | texture width |
| imageHeight | Number | texture height |
| scale | Number | texture scale |
| format | String | texture format |
| imageName | String | texture name |
| imageFile | String | texture file (name with extension) |
| base64Export | Boolean | base64 export flag |
| base64Prefix | String | prefix for base64 string |
| imageData | String | base64 image data |
appInfo (Object) application info
| prop | type | description |
|---|---|---|
| displayName | String | App name |
| version | String | App version |
| url | String | App url |
Example:
{
"frames": {
{{#rects}}
"{{{name}}}": {
"frame": {
"x": {{frame.x}},
"y": {{frame.y}},
"w": {{frame.w}},
"h": {{frame.h}}
},
"rotated": {{rotated}},
"trimmed": {{trimmed}},
"spriteSourceSize": {
"x": {{spriteSourceSize.x}},
"y": {{spriteSourceSize.y}},
"w": {{spriteSourceSize.w}},
"h": {{spriteSourceSize.h}}
},
"sourceSize": {
"w": {{sourceSize.w}},
"h": {{sourceSize.h}}
},
"pivot": {
"x": 0.5,
"y": 0.5
}
}{{^last}},{{/last}}
{{/rects}}
},
"meta": {
"app": "{{{appInfo.url}}}",
"version": "{{appInfo.version}}",
"image": "{{config.imageFile}}",
"format": "{{config.format}}",
"size": {
"w": {{config.imageWidth}},
"h": {{config.imageHeight}}
},
"scale": {{config.scale}}
}
}
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].