Mga larawan at disenyo na tool

Tagagawa ng Sprite Sheet

Pumili ng static na JPEG, PNG, o WebP at ilagay ang mga napiling frame sa pantay na grid. Nananatili sa browser ang mga larawan.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Static na JPEG, PNG o WebP lang. Hanggang 64 file, 5 MB bawat isa, 20 MB total, at 16 MP decoded total. Lokal sa browser; ang pagkakasunod ng pagpili ang frame order.

Piliin ang mga frame

Pumili ng mga larawan para magsimula.

Bagong static na PNG at pangkalahatang JSON na may pangalan ng mga file. Walang animation extraction, trimming o tight packing. Gabay lang ang FPS, hindi aktuwal na timing. May limitasyon ang decoding at memory ng browser.

Paano gamitin

Paano gamitin

  1. Pumili ng hanggang 64 static na larawan, 5 MB bawat isa at 20 MB sa kabuuan.
  2. Piliin ang mga frame at itakda ang sukat ng cell, column, pagitan, at FPS na gabay.
  3. Buuin ang sheet at i-download nang magkahiwalay ang PNG at katugmang JSON.

Pantay na mga cell

Pinapalaki o pinapaliit ang larawan nang proporsyonal at inilalagay sa gitna nang walang pag-crop. Transparent ang puwang. Cell: 1–1024 px; column: 1–16; pagitan: 0–64 px. Hanggang 4096 px bawat gilid at 16 megapixel ang output; hanggang 16 megapixel din ang kabuuang decoded input.

Limitasyon ng browser at oras

Bagong static na PNG ang ginagawa ng Canvas; hindi pinapanatili ang encoding o metadata. Hindi kinukuha ang mga frame ng animation; ang decoded image lang ng browser ang gamit. Kasama sa JSON ang mga pangalan ng file, cell at drawn-image rectangle, at FPS na gabay (1–60). Hindi ito aktuwal na oras ng animation o format para sa partikular na engine. Maaaring lumampas sa memory ng browser ang malalaking larawan.

Mga madalas itanong

Maaari mo ring alamin

Ina-upload ba ang mga larawan?

Hindi. Lokal ang pag-decode, pagsasama, at PNG at JSON export.

May trimming, packing, o animation ba?

Pantay na grid na may transparent na puwang ang gamit at static na sheet ang output. Gabay lang ang FPS para sa sarili mong animation code.