https://github.com/andrewrexo/opentxpacker
A modern, open-source, and highly performant texture packing tool inspired by TexturePacker. Specializes in combining multiple textures into optimized sprite atlases.
https://github.com/andrewrexo/opentxpacker
game-development phaser sprite spritesheet texture texture-atlas texture-pack
Last synced: 10 months ago
JSON representation
A modern, open-source, and highly performant texture packing tool inspired by TexturePacker. Specializes in combining multiple textures into optimized sprite atlases.
- Host: GitHub
- URL: https://github.com/andrewrexo/opentxpacker
- Owner: andrewrexo
- License: mit
- Created: 2024-10-27T00:37:08.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-10T18:54:04.000Z (about 1 year ago)
- Last Synced: 2025-01-10T10:28:15.770Z (12 months ago)
- Topics: game-development, phaser, sprite, spritesheet, texture, texture-atlas, texture-pack
- Language: TypeScript
- Homepage:
- Size: 208 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 
An open-source texture atlas packer built with Svelte 5 and Phaser 3. OpenTXPacker provides a modern, efficient alternative to TexturePacker for combining multiple textures into optimized sprite atlases.
## Features
- 🎨 Upload and combine thousands of textures into one atlas
- 📦 Efficient texture atlas packing algorithm - faster than TexturePacker!
- 🔍 Real-time preview with camera controls
- 💾 Multiple export formats (Phaser 3, Multiatlas, JSON)
- 🖼️ Support for various image formats (PNG-32, PNG-8, WebP)
- 🎮 Built with game development in mind
## Getting Started
### Prerequisites
- bun `curl -fsSL https://bun.sh/install | bash`
### Installation
1. Clone the repository:
```
git clone https://github.com/andrewrexo/opentxpacker.git
cd opentxpacker
```
2. Install dependencies:
```
bun install
```
3. Start the development server:
```
bun dev
```
4. Open your browser and navigate to `http://localhost:5173`
## Usage
1. Open the application in your browser
2. Upload textures by clicking the "Upload" button or dragging and dropping files
3. Configure export settings (format, compression, etc.)
4. Export your texture atlas!
## Technology Stack
- [Svelte 5](https://svelte.dev) - Frontend framework with runes
- [Phaser 3](https://phaser.io) - Canvas rendering and texture management
- [TailwindCSS](https://tailwindcss.com) - Styling
- [DaisyUI](https://daisyui.com) - UI components
- [TypeScript](https://www.typescriptlang.org) - Type safety and DX boosts
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the project
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a PR. I'll review it as soon as I can!
## License
This project is licensed under the MIT License - see the LICENSE file for details.
## Acknowledgments
- Inspired by [TexturePacker](https://www.codeandweb.com/texturepacker). Even though this project _may_ have been started out of spite it still wouldn't have been possible without them.