https://github.com/andrewrexo/mapping-tool

A powerful and intuitive map editor built with Svelte 5 and Phaser 3. Create, edit, and export custom isometric maps for game development or other creative projects.
https://github.com/andrewrexo/mapping-tool

game-development phaser svelte

Last synced: 3 days ago
JSON representation

A powerful and intuitive map editor built with Svelte 5 and Phaser 3. Create, edit, and export custom isometric maps for game development or other creative projects.

• Host: GitHub
• URL: https://github.com/andrewrexo/mapping-tool
• Owner: andrewrexo
• Created: 2024-10-14T17:19:07.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-10-23T18:25:37.000Z (4 months ago)
• Last Synced: 2024-12-11T22:42:37.381Z (about 2 months ago)
• Topics: game-development, phaser, svelte
• Language: TypeScript
• Homepage: https://mapper-n6u.pages.dev/
• Size: 763 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Isometric Map Editor

A powerful and intuitive map editor built with Svelte 5 and Phaser 3 using Typescript. This tool allows users to create, edit, and export custom isometric maps for game development or other creative projects.

### Preview:



## Features

- Multiple layers support

- Tile animations

- Undo/Redo functionality

- Map export and import with support for .json format.

- Customizable tools (Brush, Eraser, Fill)

- Responsive design & mobile friendly.

## Getting Started

### Prerequisites

- bun `curl -fsSL https://bun.sh/install | bash`

- art assets / isometric tilesets & objects

### Installation

1. Clone the repository:

   ```

   git clone https://github.com/andrewrexo/mapping-tool.git

   cd map-editor

   ```

2. Install dependencies:

   ```

   bun install

   ```

3. Start the development server:

   ```

   bun dev

   ```

4. Open your browser and navigate to `http://localhost:5173`

## Development

This project uses the Svelte 5 (now out of RC!) with runes syntax for UI components, and Phaser 3 for all canvas-relate functionality.

Key files and directories:

- `src/game/`: Contains Phaser scenes and game logic

- `src/lib/`: Reusable components and utilities

- `src/routes/`: Svelte routes and pages