Toolverse
All skills

map-editor-tool

by gigi-f

Comprehensive guide for using the visual map editor. Use when designing game worlds, placing buildings, NPCs, or managing map JSON files.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
gigi-f
Category
Frontend
Views
86

About this skill

Comprehensive guide for using the visual map editor. Use when designing game worlds, placing buildings, NPCs, or managing map JSON files.

How to use

  1. Otwórz plik tools/map-editor.html bezpośrednio w przeglądarce internetowej (Firefox, Chrome, Safari). Nie potrzebujesz serwera — narzędzie działa lokalnie. Możesz skopiować pełną ścieżkę do pliku i wkleić ją w pasek adresu.

  2. Wybierz narzędzie z dostępnych opcji: Ściana (blok 2×1×3 jednostek), Podłoga (cienka płytka), Drzwi (2×1×2,2 jednostek, interaktywne w grze), Okno (2×1×1,5 jednostek), Punkt spawn NPC lub Punkt spawn gracza. Kliknij przycisk narzędzia — powinien się podświetlić na zielono.

  3. Klikaj na siatce, aby umieszczać kafelki. Każda komórka siatki odpowiada 1 jednostce w świecie 3D. Siatka domyślnie ma rozmiar 100×100 jednostek, a jej środek (50, 50) odpowiada pozycji świata (0, 0, 0).

  4. Obracaj obiekty za pomocą menu rozwijane Rotation lub klawisza R — dostępne są kąty 0°, 90°, 180° i 270°. Najechanie myszą na siatkę pokazuje aktualne współrzędne.

  5. Usuń kafelki, wybierając narzędzie Erase i klikając na istniejące obiekty. Możesz w ten sposób modyfikować układ budynków i terenu.

  6. Twoja mapa jest automatycznie zapisywana w formacie JSON. Możesz eksportować plik i używać go w swoim projekcie Babylon.js jako definicję poziomu.

Related skills

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139