Ilustradong 16 by 12 tile map na may water edge, tumatawid na path, grass, puno, bato at bulaklak, kasama ang six-tile palette.
Halimbawang mapa lang ito: ang 16 × 12 na cells sa 24 pixels bawat tile ay katumbas ng 384 × 288 PNG. Ipinapakita nito ang istruktura ng mapa, hindi isang generated tileset.
DIREKTANG SAGOT

Libre ba ang pixel art map maker?

Oo. Libre ang browser grid, terrain palette, at PNG export. Nasa roadmap pa rin ng Studio ang custom tiles at engine map data.

LIVE NA KAPALIGIRAN NG PAGTRABAHO

Magtrabaho nang lokal. Mag-export nang malinis.

Tumakbo ang utility na ito sa iyong browser. Mananatili ang mga file mo sa device mo at walang generation credits na gagamitin.

Tile palette01
Tumatakbo nang lokal0 kredito
SA LARO

Tingnan ang mga asset bilang isang laro.

Tuklasin ang gameplay, handheld use, at magkakaugnay na design. Ipinapakita ng mga AI-generated concept na ito ang posibleng itsura; suriin ang sarili mong asset at engine import bago mag-launch.

Konseptong bayan sa pixel RPG na nilikha ng AI, na nagpapakita ng magkakaugnay na daan, mga bahay, ilog, at mga taganayon, katabi ng tugmang disenyo ng terrain, gusali, at props.

Mula sa magkakatugmang set hanggang sa kumpletong bayan

Suriin kung paano nagtutulungan ang terrain, mga gusali, at props bilang isang level na may buhay.

Pixel-art RPG gameplay concept na may karakter na nag-e-explore ng kagubatan, mga path, props, at compact na game HUD.

Isang karakter sa loob ng buhay na RPG world

Suriin nang sabay ang silhouette ng karakter, laki ng terrain, at interface sa actual gameplay size.

Science-fiction pixel-game level concept na may player character, futuristic architecture, interface, at magkakaibang environmental lighting.

Ibang mundo, pare-parehong disenyo

Tuklasin ang ibang genre habang nananatiling magkakaugnay ang proporsyon ng character, ilaw, at wika ng interface.

Isang praktikal na halimbawa

I-block out ang ruta sa maliit na mapa

Gumamit ng konkretong input, suriin ang output, at tingnan ang kasalukuyang limit bago piliin ang susunod na hakbang.

Ilustradong 16 by 12 tile map na may water edge, tumatawid na path, grass, puno, bato at bulaklak, kasama ang six-tile palette.
Halimbawang mapa lang ito: ang 16 × 12 na cells sa 24 pixels bawat tile ay katumbas ng 384 × 288 PNG. Ipinapakita nito ang istruktura ng mapa, hindi isang generated tileset.

Halimbawang input

Magsimula sa built-in na 16 × 12 grid. Pumili ng grass, water, path, tree, rock, o flower mula sa tile palette.

Ano ang susuriin

  1. Gumuhit ng gilid ng tubig sa kaliwa, tapos mag-draw ng path mula sa isang dulo ng grid hanggang sa kabila.
  2. Maglagay ng mga puno o bato sa tabi ng ruta at mag-iwan ng sapat na espasyo para makita kung saan dapat dumaan ang player.
  3. I-export ang PNG at ihambing ang ruta sa gameplay layout na kailangan mo.

Inaasahang output

Nag-e-export ang free canvas ng 384 × 288 PNG: 16 × 12 cells na may 24 pixels kada cell.

Kasalukuyang limitasyon

Nag-e-export ang canvas na ito ng flat image, hindi collision, object layer, Tiled map data, o engine scene file. Hindi sinusuportahan ng free canvas na ito ang custom tiles at persistent na multi-map project.

Opisyal na sanggunian sa workflow

Suriin ang dokumentasyon ng engine o editor kapag naghahanda ng sarili mong import. Inilalarawan ng mga source na ito ang file at playback behavior, hindi ang pag-endorso sa PixelBox.

Publisher at support

Nai-update ang content:

Inilathala at pinananatili ng LlamaGen. Inilalarawan ng page na ito ang kasalukuyang PixelBox controls at export formats. Makipag-ugnayan sa team kung may maling impormasyon o problema sa export.

01 / BAKIT ITO GUMAGANA

Ginawa para sa production, hindi lang sa preview.

01

Mabilis na blocking

Gumuhit ng terrain, mga path, tubig, puno, at landmark sa malinaw na grid.

02

Walang install

Simulan agad ang pagdidisenyo ng mapa sa browser.

03

PNG planning reference

I-export ang 16×12 layout bilang 384×288 PNG reference para muling buuin ang level mo sa game engine.

02 / WORKFLOW

Mula sa source hanggang sa malinaw na naka-label na output.

HAKBANG 01

Pumili ng tile

Piliin ang grass, water, path, tree, rock, o flowers.

HAKBANG 02

Gumuhit ng grid

I-click o i-drag sa mapa para i-block out ang scene.

HAKBANG 03

I-export ang mapa

I-download ang kasalukuyang layout bilang PNG planning reference.

03 / FAQ

Linawin ang mga term bago ka bumuo.

Libre ba ang map maker?

Oo. Libre ang basic browser map canvas at hindi kailangan ng account.

Puwede ko bang gamitin ang sarili kong tiles?

Gumagamit ang canvas na ito ng built-in tile palette. Hindi pa available dito ang custom tile upload at naka-save na multi-map project.

Nag-e-export ba ito ng engine data?

Nag-e-export ang map maker ng PNG reference, hindi ng editable engine map. Hindi pa available ang map-data export para sa Tiled, Godot, at Unity.

SUSUNOD SA PIPELINE

Keep building the same world.

Magpatuloy sa tool na tugma sa susunod mong hakbang: maghanda ng reference, suriin ang animation frames, o i-package ang atlas para sa game engine mo.