https://github.com/huzz-open/g-studio
Lightweight Game Asset Workbench — slice sprites, generate tilesets, draw regions, edit maps, all in one place.
https://github.com/huzz-open/g-studio
gamedev godot map-editor spritesheet tileset
Last synced: 4 days ago
JSON representation
Lightweight Game Asset Workbench — slice sprites, generate tilesets, draw regions, edit maps, all in one place.
- Host: GitHub
- URL: https://github.com/huzz-open/g-studio
- Owner: huzz-open
- License: apache-2.0
- Created: 2026-05-23T14:26:25.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2026-06-04T01:59:13.000Z (21 days ago)
- Last Synced: 2026-06-04T03:12:06.872Z (21 days ago)
- Topics: gamedev, godot, map-editor, spritesheet, tileset
- Language: Vue
- Homepage: https://huzz-open.github.io/g-studio/
- Size: 6.48 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[中文](./README.zh-CN.md) | **English**
G-Studio
Lightweight Game Asset Workbench — slice sprites, generate tilesets, draw regions, edit maps, all in one place.
**[Live Demo](https://huzz-open.github.io/g-studio/)** · [GitHub](https://github.com/huzz-open/g-studio)
---
G-Studio is a browser-based toolset for 2D game development, designed especially for Godot Engine projects. All data stays local — no server, no login required.
## Try It Out
A sample sprite sheet is included in the [`samples/`](./samples/) directory for testing:
Open the Sprite Slicer module, drag and drop this image in, and try the auto-detection feature.
## Features
| Module | Description |
|--------|-------------|
| **Resource Manager** | Browse local workspace directories, manage images and data files |
| **Sprite Slicer** | Auto/manual slice animation frames, icons, and items from sprite sheets |
| **Map Editor** | Edit world maps, place locations, draw roads and regions |
| **Tileset Maker** | Generate 47-tile auto-terrain atlases from textures or nine-grid sources, export Godot `.tres` |
| **Scene Region Editor** | Draw collision/occlusion regions on scene backgrounds, export Godot `.tscn` |
## Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/) >= 18
- [pnpm](https://pnpm.io/) >= 8
### Install & Run
```bash
git clone https://github.com/huzz-open/g-studio.git
cd g-studio
pnpm install
pnpm dev
```
Open `http://localhost:5173` in your browser.
### Build
```bash
pnpm build
```
Output goes to `dist/`. Deploy as a static site anywhere.
## Browser Compatibility
G-Studio uses the [File System Access API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API) to read/write local directories. Recommended:
- Chrome / Edge >= 86
- Other browsers work in "browser-only mode" (data stored in IndexedDB, not persisted to disk)
## Tech Stack
- Vue 3 + TypeScript + Vite
- Vue Router (Hash mode)
- IndexedDB + File System Access API (two-layer storage)
- OpenCV.js (image processing)
## License
[Apache License 2.0](./LICENSE)