Vítejte v Pixid!
Pixid je online editor určený pro snadné vytváření 2D pixel artových světů a plošinových her. Tento průvodce vám pomůže seznámit se se základními funkcemi a rozložením editoru.
Základní rozložení editoru:
- Horní lišta: Zde naleznete nástroje pro správu projektu (Nový, Načíst, Uložit), exporty (PNG, Spritesheet, Hra), název aktuálního projektu (kliknutím přejmenujete), rychlý výběr levelu pro editaci, tlačítka Zpět/Vpřed (Undo/Redo) a tlačítka pro spuštění/zastavení testování hry.
- Levé (Globální) Menu : Přístup k hlavním částem editoru: Mapa Levelů, Editor Levelu (pokud je nějaký otevřený), Editor Postav a Testování Hry.
- Levý (Kontextový) Panel / : Jeho obsah se mění podle toho, ve které části editoru se nacházíte:
- Mapa Levelů: Nastavení hráče pro celý projekt.
- Editor Levelu: Název levelu, rozměry plátna, velikost buňky, barva pozadí, nastavení mřížky, zoom editoru, správa vrstev.
- Editor Postav: Seznam postav, jejich globální vlastnosti (rozměry snímku, typ), a specifické herní statistiky.
- Střední část: Hlavní pracovní plocha. Zobrazuje buď Mapu Levelů, plátno Editoru Levelu, plátno Editoru Postav, nebo běžící hru.
- Pravý Panel / : Obsahuje nástroje pro kreslení a úpravy, paletu barev a specifické volby pro aktivní nástroj nebo vlastnosti dlaždic (v Editoru Levelu).
- Spodní Panel:
- Editor Dlaždic: Zobrazí se, když je aktivní nástroj "Štětec dlaždic" (B) nebo když dvakrát kliknete na dlaždici v paletě. Slouží k vytváření a úpravě jednotlivých dlaždic.
- Editor Animací: Je součástí Editoru Postav a zobrazuje se ve spodní části, když je aktivní nástroj/pohled Editoru Postav. Slouží ke správě animací a jejich snímků.
První kroky:
- Po spuštění (nebo jako host) se zobrazí Mapa Levelů. Kliknutím na prázdnou buňku v mapě vytvoříte nový level.
- V modálním okně zadejte název levelu, jeho šířku a výšku v pixelech a velikost jedné "buňky" (pixelu vaší hry).
- Po vytvoření se automaticky přepnete do Editoru Levelu.
- V Editoru Postav (dostupném z globálního menu) vytvořte šablonu pro hráče.
- Na Mapě Levelů v levém panelu vyberte vytvořenou šablonu jako "Postavu Hráče" pro projekt.
- Vraťte se do editoru levelu a pomocí nástrojů v pravém panelu začněte tvořit!
Welcome to Pixid!
Pixid is an online editor for creating 2D pixel art worlds and platformer games. This guide will help you get familiar with the basic features and layout of the editor.
Basic editor layout:
- Top bar: Project management tools (Load, Save), exports (PNG, Spritesheet, Game), current project name (click to rename), quick level selector, Undo/Redo buttons, and Game Start/Stop buttons.
- Left (Global) Menu : Access to the main editor sections: Level Map, Level Editor (when a level is open), Character Editor, and Game Testing.
- Left (Context) Panel : Content changes depending on the current editor section:
- Level Map: Project-wide player settings.
- Level Editor: Level name, canvas dimensions, cell size, background color, grid settings, zoom, and layer management.
- Character Editor: Character list, global properties (frame dimensions, type), and game-specific stats.
- Center area: Main workspace — shows Level Map, Level Editor canvas, Character Editor canvas, or the running game.
- Right Panel : Drawing tools, color palette, and tool-specific options or tile properties.
- Bottom Panel:
- Tile Editor: Appears when the Tile Brush tool (B) is active or on double-clicking a tile in the palette.
- Animation Editor: Part of the Character Editor, shown when in Character Editor view.
First steps:
- After launching (or as a guest) the Level Map is shown. Click an empty cell to create a new level.
- In the dialog, set the level name, width, height in pixels, and cell size.
- You will be automatically switched to the Level Editor.
- In the Character Editor (from the global menu) create a player template.
- On the Level Map, in the left panel, select the created template as the "Player Character".
- Return to the level editor and start building with the tools in the right panel!
Editor Levelů
Toto je hlavní prostředí, kde skládáte jednotlivé herní úrovně z dlaždic, barev a entit.
Levý panel (Kontextové Menu Editoru Levelu):
- Název levelu: Umožňuje změnit název aktuálně editovaného levelu.
- Rozměry Levelu: Zde nastavujete celkovou šířku a výšku vašeho levelu v pixelech a velikost jedné "buňky" (pixelu), ze které se level skládá.
- Pozadí Levelu: Vyberte barvu, která bude tvořit pozadí vašeho levelu.
- Mřížka: Můžete zapnout/vypnout zobrazení mřížky, nastavit její barvu a průhlednost. Mřížka pomáhá s přesným umisťováním prvků. Klávesová zkratka: G.
- Zoom Editoru: Umožňuje přiblížit nebo oddálit pohled na pracovní plochu editoru levelu. Klávesové zkratky: +, -, 0.
- Akce (Level): Tlačítko pro vymazání veškerého obsahu (dlaždic, barev) z aktuálního levelu.
Střední plátno:
Hlavní kreslící plocha. Pohyb po plátně (pan) se provádí držením prostředního tlačítka myši nebo držením klávesy Mezerník a tažením myší. Zoom kolečkem myši.
Pravý panel:
Obsahuje Nástroje, Paletu barev a Vlastnosti dlaždic. Více viz sekce "Nástroje".
Spodní panel (Editor Dlaždic):
Zobrazí se, když je aktivní nástroj "Štětec dlaždic" (B). Umožňuje vytvářet a editovat dlaždice. Více viz sekce "Editor Dlaždic".
Level Editor
The main environment where you assemble game levels from tiles, colors, and entities.
Left panel (Level Editor context menu):
- Level name: Change the name of the currently edited level.
- Level Dimensions: Set the total width and height of your level in pixels and the cell (pixel) size.
- Level Background: Choose the background color of your level.
- Grid: Toggle the grid, set its color and transparency. Shortcut: G.
- Editor Zoom: Zoom in or out on the editor canvas. Shortcuts: +, -, 0.
- Actions (Level): Clear all content (tiles, colors) from the current level.
Center canvas:
Main drawing area. Pan by holding the middle mouse button or Space + dragging. Zoom with the mouse wheel.
Right panel:
Contains Tools, Color Palette, and Tile Properties. See the "Tools" section for details.
Bottom panel (Tile Editor):
Appears when the Tile Brush tool (B) is active. See the "Tile Editor" section for details.
Editor Dlaždic
Spodní panel, který se objeví při použití nástroje "Štětec dlaždic" (B) nebo po dvojkliku na dlaždici v paletě, slouží k vytváření a detailní úpravě jednotlivých dlaždic.
Paleta Dlaždic (levá část spodního panelu):
Zobrazuje všechny dostupné vlastní dlaždice. Kliknutím na dlaždici ji vyberete pro štětec (Tile Brush) a zároveň se načte do editoru dlaždic napravo.
- (Nová dlaždice): Vytvoří novou, prázdnou dlaždici o výchozí velikosti (nastavitelné v `config.js` nebo dle posledně použité).
- (Duplikovat dlaždici): Vytvoří kopii aktuálně vybrané dlaždice v editoru dlaždic.
- (Smazat dlaždici): Smaže aktuálně vybranou dlaždici z palety (a potenciálně i z levelů, kde byla použita).
- (Importovat z obrázku): Umožňuje načíst obrázek (PNG, JPG) a převést jej na jednu nebo více dlaždic.
- Strategie "Jedna dlaždice": Celý obrázek se stane jednou dlaždicí (oříznut na max. velikost).
- Strategie "Rozdělit na mřížku": Obrázek se rozdělí na menší dlaždice podle zadané šířky a výšky buňky mřížky.
- (Načíst sadu dlaždic): Načte celou sadu dlaždic z `.json` souboru (přepíše aktuální sadu).
- (Uložit sadu dlaždic): Uloží aktuální sadu vlastních dlaždic do `.json` souboru.
Editor Dlaždice (pravá část spodního panelu):
Zde upravujete pixely vybrané dlaždice.
- Název dlaždice: Můžete pojmenovat dlaždici pro lepší orientaci.
- (Nastavit výchozí vlastnosti): Přiřadí aktuálně nastavené "Vlastnosti Dlaždice" z pravého panelu editoru levelu jako výchozí pro tuto konkrétní dlaždici. Když pak tuto dlaždici použijete štětcem, automaticky se jí přiřadí tyto vlastnosti.
- Nástroje ( Tužka, Guma, Kapátko): Slouží k přímému kreslení nebo mazání pixelů na plátně editoru dlaždice. Barva se bere z barevného kolečka vedle.
- Barva: Výběr barvy pro kreslení v editoru dlaždice.
- Rozměry (Š, V): Změna šířky a výšky aktuálně editované dlaždice v pixelech. Po zadání hodnot potvrďte tlačítkem .
- Zoom: Přiblížení a oddálení pohledu na plátno editoru dlaždice.
Tile Editor
The bottom panel that appears when using the Tile Brush tool (B) or after double-clicking a tile in the palette. Used to create and edit individual tiles.
Tile Palette (left side of bottom panel):
Shows all available custom tiles. Clicking a tile selects it for the brush and loads it into the tile editor.
- (New tile): Creates a new, empty tile.
- (Duplicate tile): Copies the currently selected tile.
- (Delete tile): Removes the selected tile from the palette.
- (Import from image): Load a PNG/JPG and convert it to one or more tiles.
- "Single tile" strategy: The whole image becomes one tile.
- "Split into grid" strategy: The image is split into smaller tiles based on the given cell dimensions.
- (Load tileset): Load a complete tileset from a
.json file.
- (Save tileset): Save the current tileset to a
.json file.
Tile Editor (right side of bottom panel):
- Tile name: Name the tile for easier identification.
- (Set default properties): Assigns the currently set "Tile Properties" from the right panel as defaults for this tile.
- Tools ( Pencil, Eraser, Dropper): Draw, erase, or pick colors on the tile canvas.
- Dimensions (W, H): Change the width and height of the tile in pixels. Confirm with the button.
- Zoom: Zoom the tile editor canvas.
Editor Postav
V této sekci vytváříte a spravujete šablony postav (hráč, nepřátelé, NPC) a jejich animace. Přepnete se sem z hlavního (globálního) menu.
Levý panel (Kontextové Menu Editoru Postav):
- Šablony Postav (dropdown): Seznam všech vytvořených šablon postav. Výběrem postavy ji načtete pro úpravy.
- Tlačítka pro správu postav:
- Nová: Vytvoří novou, prázdnou šablonu postavy.
- Přejmenovat: Umožní změnit název vybrané šablony postavy.
- Duplikovat: Vytvoří kopii vybrané šablony postavy.
- Smazat: Odstraní vybranou šablonu postavy.
- Rozměry snímku (Š, V): Definuje globální šířku a výšku (v pixelech) pro všechny snímky animací této postavy.
- Typ (pro hru): Určuje základní chování a kategorii postavy ve hře:
- Hráč: Postava ovládaná hráčem.
- Nepřítel: Postava s nepřátelským chováním.
- NPC: Nekontrolovatelná postava (Non-Player Character), může mít dialogy.
- Obecná: Pro animované objekty, které nemají specifickou herní logiku.
- Značka Spawnu Hráče: Speciální typ pro označení místa, kde se hráč objeví (grafika se ve hře nezobrazuje).
- Herní Statistiky (dle typu): V závislosti na zvoleném typu se zde mohou objevit další nastavení:
- Pro Hráče: Základní rychlost pohybu, síla skoku.
- Pro Nepřítele: Dotykové poškození (damage při kontaktu s hráčem).
- Pro NPC: Výchozí text dialogu.
Střední část (Editor Snímku Postavy):
Velké plátno, kde kreslíte aktuálně vybraný snímek z vybrané animace. Pro kreslení se používají nástroje Tužka (P), Guma (E) a Kapátko (I) a barva z pravého panelu editoru.
Pod plátnem (nebo jako samostatný nástroj) může být aktivována možnost definovat Kolizní Zónu (Collision Box) pro aktuální snímek. Tento obdélník určuje, jak postava koliduje s okolím ve hře.
Spodní panel (Editor Animací):
Tento panel je aktivní, když jste v Editoru Postav.
- Správa Animací (levý sloupec):
- Dropdown Animace: Seznam standardních slotů animací (Stoj, Chůze, Skok atd.) a možnost vytvořit vlastní. Pokud animace pro slot neexistuje, zobrazí se "(vytvořit)".
- Přejmenovat: Přejmenuje klíč vlastní (nestandardní) animace.
- Smazat: Smaže vlastní animaci nebo vyprázdní snímky standardní animace.
- Časová Osa Snímků (střední sloupec):
- Zobrazuje miniatury všech snímků aktuálně vybrané animace. Kliknutím na miniaturu ji vyberete pro editaci na středním plátně.
- Ovládací prvky snímků: Přidat nový (), Duplikovat (), Kopírovat (), Vložit (), Smazat (), Posunout doleva (), Posunout doprava ().
- Délka snímku (ms): Nastavuje, jak dlouho se aktuálně vybraný snímek zobrazí v animaci (v milisekundách).
- Přehrávání & Volby (pravý sloupec):
- Náhledové plátno: Zobrazuje přehrávanou animaci.
- Přehrát/Pauza ( / ), Stop (): Ovládání přehrávání animace.
- Smyčka (checkbox): Určuje, zda se animace bude po dokončení opakovat.
- Cibule (Onion Skin): Počet předchozích/následujících snímků, které se poloprůhledně zobrazí na editačním plátně pro snazší animování.
- FPS (Snímků za sekundu): Ovlivňuje rychlost přehrávání animace (pokud jednotlivé snímky nemají vlastní délku trvání).
Character Editor
Create and manage character templates (player, enemies, NPCs) and their animations. Access via the global menu.
Left panel (Character Editor context menu):
- Character dropdown: List of all created templates. Select one to load it for editing.
- Management buttons: New, Rename, Duplicate, Delete.
- Frame dimensions (W, H): Global width and height in pixels for all animation frames of this character.
- Type (for game):
- Player: Player-controlled character.
- Enemy: Character with hostile behavior.
- NPC: Non-player character, can have dialogs.
- Generic: Animated objects without specific game logic.
- Player Spawn Marker: Marks where the player appears; not rendered in-game.
- Game stats (by type): Player: base move speed, jump force. Enemy: touch damage. NPC: default dialog.
Center canvas (Frame Editor):
Large canvas where you draw the currently selected animation frame. Uses Pencil (P), Eraser (E), and Dropper (I) tools.
Bottom panel (Animation Editor):
- Animations column: Select animation slot, rename, or delete animations.
- Frame timeline: Thumbnails of all frames. Add, duplicate, copy, paste, delete, and reorder frames. Set frame duration in ms.
- Playback & Options: Play/Stop animation preview, toggle loop, set onion skin frames, and FPS.
Mapa Levelů
Toto je váš hlavní přehled všech levelů v projektu. Každá buňka v mřížce reprezentuje potenciální nebo existující level.
- Vytvoření levelu: Klikněte na prázdnou buňku. Zobrazí se dialog pro nastavení názvu a rozměrů nového levelu.
- Výběr levelu pro editaci: Klikněte na existující level (zobrazí se jeho náhled). Tím se level označí jako aktivní (zvýrazní se). Další kliknutí na již aktivní level (nebo použití tlačítka "Editor Levelu" v hlavním menu) vás přepne do editoru tohoto levelu.
- Smazání levelu: Po kliknutí na existující level se vpravo dole objeví tlačítko s ikonou koše . Kliknutím na něj (a potvrzením) level smažete.
- Navigace: Použijte prostřední tlačítko myši nebo Mezerník + tažení myší pro posun mapy. Kolečkem myši mapu přibližujete/oddalujete. Vpravo dole se může objevit plovoucí ovladač zoomu.
- Levý panel (Kontextové Menu Mapy Levelů):
- Nastavení Projektu: Zde vybíráte, která z vašich vytvořených šablon postav bude reprezentovat hráče ve hře, a jaká bude její výchozí animace (např. "idle").
- Smazat Projekt: Umožňuje smazat celý aktuální projekt (všechny levely, dlaždice, postavy). Tato akce je nevratná!
- Informační box: Může obsahovat tipy nebo uvítací zprávu.
Level Map
Your main overview of all levels in the project. Each cell in the grid represents a potential or existing level.
- Creating a level: Click an empty cell. A dialog will appear to set the name and dimensions.
- Selecting a level for editing: Click an existing level to select it (it becomes highlighted). A second click (or using "Level Editor" in the global menu) opens it in the editor.
- Deleting a level: After clicking an existing level, a trash icon appears at the bottom right. Click it and confirm to delete.
- Navigation: Middle mouse button or Space + drag to pan. Mouse wheel to zoom.
- Left panel (Level Map context menu):
- Project Settings: Select which character template represents the player and set its default animation (e.g. "idle").
- Delete Project: Deletes the entire project (all levels, tiles, characters). Irreversible!
Nástroje (Pravý panel v Editoru Levelu)
Pravý panel v Editoru Levelu obsahuje sadu nástrojů pro tvorbu a úpravy.
- Tužka (P): Kreslí jednotlivé pixely aktuálně vybranou barvou. Pravým tlačítkem maže (kreslí průhlednou barvou).
- Čára (L): Klikněte a táhněte pro nakreslení rovné čáry aktuální barvou.
- Obdélník (R): Klikněte a táhněte pro nakreslení obdélníku. Ve "Volbách nástroje" můžete zvolit, zda má být vyplněný.
- Kruh/Elipsa (C): Klikněte a táhněte pro nakreslení elipsy (pokud táhnete se Shiftem, vytvoří se kruh - *funkce Shiftu může záviset na implementaci*). Ve "Volbách nástroje" můžete zvolit, zda má být vyplněný.
- Výplň (F): Kliknutím na oblast vyplní souvislou plochu stejné barvy aktuálně vybranou barvou.
- Guma (E): Maže obsah buněk (dlaždice i barvu).
- Štětec dlaždic (B): Kreslí aktuálně vybranou dlaždicí z palety dlaždic (spodní panel). Zároveň se aplikují "Vlastnosti dlaždice" nastavené v pravém panelu. Ve "Volbách nástroje" můžete zapnout přichytávání k mřížce o velikosti dlaždice.
- Kapátko (I): Kliknutím na pixel na mapě vyberete jeho barvu (pokud je to barevný pixel) nebo dlaždici a její vlastnosti (pokud je to dlaždice) do aktuálního výběru. Automaticky přepne na příslušný nástroj (Tužka nebo Štětec dlaždic).
- Výběr/Přesun (V): Umožňuje vybrat obdélníkovou oblast na mapě. Vybranou oblast lze poté přesunout, kopírovat (Ctrl+C), vyjmout (Ctrl+X) nebo smazat (Delete/Backspace). (Funkce kopírování/vkládání mohou být ve vývoji.)
- Umístit Entitu (X): Umožňuje umisťovat instance vytvořených šablon postav (nepřátelé, NPC, objekty) do levelu. Šablonu vyberete ve "Volbách nástroje". Pravým tlačítkem myši můžete smazat entitu pod kurzorem.
- Editor Postav (Shift+C): Rychlé přepnutí do Editoru Postav.
- Definovat Kolizní Zónu: Tento nástroj se objeví v Editoru Postav (na středním plátně) a slouží k manuálnímu definování obdélníkové kolizní zóny pro aktuální snímek animace.
Volby Nástroje:
Pod seznamem nástrojů se zobrazují specifické volby pro aktuálně aktivní nástroj (např. "Vyplnit tvar" pro Obdélník/Kruh, výběr šablony pro "Umístit Entitu").
Vlastnosti Dlaždice:
Když je aktivní nástroj "Štětec dlaždic", můžete zde vybrat typ vlastnosti (např. Pevná stěna, Plošina, Nebezpečí) a nastavit její parametry. Tyto vlastnosti se pak přiřadí každé dlaždici, kterou umístíte.
Paleta barev:
Výběr aktuální barvy pro kreslení. Obsahuje základní sadu barev a vaši vlastní paletu, do které můžete přidávat barvy z výběru (). Barvy z vlastní palety lze odstranit pravým kliknutím. Celou vlastní paletu můžete uložit nebo načíst ze souboru (.json, .gpl).
Vrstvy:
Editor podporuje práci s vrstvami. Můžete přidávat (), mazat (), posouvat (, ), přejmenovávat (dvojklik na název), měnit viditelnost ( / ), průhlednost (posuvník) a zamykat ( / ) jednotlivé vrstvy. Vrstvy s ikonou (Kreslit vpředu) se ve hře vykreslí nad hráčem a entitami, ostatní za nimi.
Tools (Right panel in Level Editor)
- Pencil (P): Draws individual pixels. Right-click to erase.
- Line (L): Click and drag to draw a straight line.
- Rectangle (R): Click and drag. Option to fill in Tool Options.
- Circle/Ellipse (C): Click and drag. Option to fill in Tool Options.
- Fill (F): Flood-fills a contiguous area with the current color.
- Eraser (E): Erases tiles and colors.
- Tile Brush (B): Paints with the currently selected tile. Applies "Tile Properties" from the right panel.
- Dropper (I): Pick color or tile+properties from the canvas. Auto-switches to the appropriate tool.
- Select/Move (V): Select a rectangular area, then move, copy (Ctrl+C), cut (Ctrl+X), or delete (Delete) it.
- Place Entity (X): Place instances of character templates (enemies, NPCs, objects). Right-click to delete an entity.
- Character Editor (Shift+C): Switch to Character Editor view.
Tool Options:
Specific options for the active tool appear below the tool list (e.g. "Fill shape" for Rectangle/Circle, template selector for "Place Entity").
Tile Properties:
When Tile Brush is active, set the tile type (solid wall, platform, hazard, etc.) and its parameters. These are assigned to each tile you place.
Color Palette:
Select the current drawing color. Includes a basic palette and a custom palette. Add colors with , remove with right-click. Save or load the custom palette as a file (.json, .gpl).
Layers:
Add, delete, move, rename, toggle visibility, set opacity, and lock layers. Layers marked with (Render in front) are drawn above the player in-game; others are drawn behind.
Ukládání & Načítání Projektu
Pixid umožňuje ukládat a načítat celý váš projekt, včetně všech levelů, dlaždic, postav a nastavení.
- Uložit Projekt (Ctrl+S): Nachází se v horní liště (a v globálním menu). Uloží celý aktuální projekt do jednoho souboru ve formátu `.json` do vašeho počítače (do složky Stažené soubory). Název souboru bude odvozen od názvu projektu.
- Načíst Projekt (Ctrl+O): Nachází se v horní liště (a v globálním menu). Otevře dialog pro výběr `.json` souboru s projektem Pixid. Načtení projektu přepíše veškerý neuložený obsah aktuálního projektu.
Automatické ukládání a nepřihlášení uživatelé:
Pokud používáte Pixid jako nepřihlášený host, váš postup se ukládá automaticky do lokálního úložiště vašeho prohlížeče. Při příštím otevření Pixid ve stejném prohlížeči by se měl váš projekt obnovit. Přesto důrazně doporučujeme pravidelně ukládat projekt do souboru pomocí tlačítka "Uložit Projekt", zejména před zavřením prohlížeče nebo vymazáním jeho dat.
Přihlášení přes Google může v budoucnu nabídnout integraci s Google Drive pro pohodlnější ukládání a synchronizaci projektů napříč zařízeními (tato funkce je ve vývoji).
Ukládání specifických sad:
- Sada dlaždic: V Editoru Dlaždic (spodní panel) můžete uložit () nebo načíst () pouze sadu vlastních dlaždic.
- Paleta barev: V pravém panelu můžete uložit nebo načíst vlastní paletu barev.
Saving & Loading a Project
Pixid lets you save and load your entire project, including all levels, tiles, characters, and settings.
- Save Project (Ctrl+S): Saves the entire project to a
.json file in your downloads folder. The filename is derived from the project name.
- Load Project (Ctrl+O): Opens a file dialog for a Pixid
.json project file. Loading overwrites all unsaved content.
Auto-save and guest users:
When using Pixid as a guest, your work is automatically saved to the browser's local storage. It should be restored the next time you open Pixid in the same browser. We strongly recommend regularly saving to file, especially before closing the browser.
Saving specific sets:
- Tileset: In the Tile Editor (bottom panel), save () or load () only the custom tileset.
- Color palette: In the right panel, save or load your custom color palette.
Export Hry a Obsahu
Pixid nabízí několik možností, jak exportovat vaši práci.
- Exportovat PNG (Akt. level): Nachází se v horní liště (dostupné v Editoru Levelu). Exportuje aktuálně zobrazený level (včetně všech viditelných vrstev sloučených dohromady) jako obrázek ve formátu PNG.
- Exportovat Spritesheet (Akt. level): Nachází se v horní liště (dostupné v Editoru Levelu). Exportuje každou viditelnou vrstvu aktuálního levelu jako samostatný snímek v jednom PNG obrázku (spritesheetu).
- Exportovat Hru (HTML): Nachází se v horní liště. Toto je hlavní funkce pro export vaší plošinovky. Zabalí všechny potřebné levely, postavy, animace a základní herní logiku do jednoho spustitelného HTML souboru. Tento soubor pak můžete sdílet nebo nahrát na web.
- Vrstvy levelů jsou "zapečeny" do obrázků pro optimalizaci výkonu.
- Obsahuje data postav a jejich animací.
- Vyžaduje, aby byla v projektu nastavena "Postava Hráče" (v levém panelu na Mapě Levelů).
Při exportu hry se ujistěte, že máte uložený svůj projekt, protože export generuje samostatný soubor a neukládá změny v editoru.
Game Export & Content Export
- Export PNG (Current level): Exports the currently displayed level (all visible layers merged) as a PNG image.
- Export Spritesheet (Current level): Exports each visible layer of the current level as a separate frame in one PNG spritesheet.
- Export Game (HTML): The main export feature. Bundles all levels, characters, animations, and basic game logic into a single standalone HTML file that you can share or host on the web.
- Level layers are "baked" into images for performance.
- Includes character and animation data.
- Requires a "Player Character" to be set in the project (left panel on Level Map).
Make sure to save your project before exporting, as the export generates a separate file and does not save editor changes.
Klávesové Zkratky
Urychlete si práci s těmito zkratkami:
Globální:
- Ctrl + S: Uložit Projekt
- Ctrl + O: Načíst Projekt
- Ctrl + Z: Zpět (Undo) - v kontextu editoru levelu
- Ctrl + Y: Vpřed (Redo) - v kontextu editoru levelu
- Mezerník (držet): Aktivuje režim Pan (posun pohledu) v editorech
- Esc: Zrušit aktuální akci (např. kreslení tvaru, výběr), zavřít modální okno, zastavit hru, zpět na mapu levelů z editoru.
Editor Levelu:
- P: Tužka
- E: Guma
- B: Štětec dlaždic
- I: Kapátko
- L: Čára
- R: Obdélník
- C: Kruh/Elipsa
- F: Výplň (Bucket)
- V: Výběr/Přesun (Arrow)
- X: Umístit Entitu
- G: Přepnout Mřížku
- M: Přepnout Levý (kontextový) panel
- T: Přepnout Pravý panel nástrojů
- + / =: Přiblížit
- -: Oddálit
- 0 (nula): Resetovat Zoom a Pozici
- Delete / Backspace: Smazat vybraný obsah (s nástrojem Výběr/Přesun)
Editor Dlaždic (Spodní panel):
(Když je aktivní spodní panel editoru dlaždic)
- Nástroje (Tužka, Guma, Kapátko) se volí kliknutím.
Editor Postav & Animací:
(Když jste v Editoru Postav)
- Shift + C: Rychlé přepnutí na nástroj/pohled Editoru Postav (pokud je definováno).
- Ctrl + C (v seznamu snímků): Kopírovat vybraný snímek animace.
- Ctrl + V (v seznamu snímků): Vložit zkopírovaný snímek animace za aktuálně vybraný.
Poznámka: Některé zkratky (zejména ty s jedním písmenem) mohou být aktivní pouze tehdy, když není fokus na žádném textovém inputu.
Keyboard Shortcuts
Global:
- Ctrl+S: Save Project
- Ctrl+O: Load Project
- Ctrl+Z: Undo
- Ctrl+Y: Redo
- Space (hold): Pan mode in editors
- Esc: Cancel action, close modal, stop game, return to level map from editor.
Level Editor:
- P: Pencil E: Eraser B: Tile Brush I: Dropper
- L: Line R: Rectangle C: Circle F: Fill
- V: Select/Move X: Place Entity
- G: Toggle Grid M: Toggle Left Panel T: Toggle Right Panel
- + / -: Zoom in/out 0: Reset Zoom
- Delete / Backspace: Delete selected content (with Select/Move tool)
Character & Animation Editor:
- Shift+C: Switch to Character Editor view.
- Ctrl+C: Copy selected animation frame.
- Ctrl+V: Paste copied animation frame.
Note: Single-letter shortcuts are only active when no text input has focus.