İçeriğe geç

Piksel sanatı

Oyun sprite'ları için çevrimiçi piksel sanatı editörü

Net bir piksel tuvalinde sprite, karo ve simge çiz, kare kare canlandır ve motorunun ek uğraş gerektirmeden okuduğu sprite sheet'leri dışa aktar.

Tarayıcında ücretsiz; filigran yok, kurulacak bir şey yok.

24 × 24 bir slime sprite'ı açık Moriqa editörü: solda katmanlar, zaman çizelgesinde Idle etiketli dört kare, sağda palet ve özellikler.
  • Kare animasyonu
  • Soğan zarı
  • Paletler ve rampalar
  • Godot, Unity ve GameMaker'a aktarma

Ayrıntılı olarak

Moriqa iş akışına nasıl uyar

Gerçek pikseller üzerinde çiz

Sprite, tam piksellerden oluşan sabit boyutlu bir tuvaldir: hiçbir şey yumuşatılmaz, yakınlaştırma pikselleri kare tutar ve her araç ızgaraya oturur.

Kalemin, serbest çizgilerdeki çift köşeleri temizleyen bir piksel hassasiyeti modu vardır; çizgiler, dikdörtgenler, elipsler ve dolgular piksel piksel çizilir, asla kenar yumuşatma uygulanmaz.

  • Kalem, silgi, çizgi, dikdörtgen, elips ve dolgu
  • Bir ya da iki eksende simetri; eksenleri taşıyabilirsin
  • Yalnızca çizilmiş olanı yeniden renklendirmek için alfa kilidi
  • Seçim çerçevesi, kement ve sihirli değnek seçimleri

Kare kare canlandır

Sprite'lar için yapılmış bir zaman çizelgesi

Kareleri ekle, çoğalt ve yeniden sırala, her birine kendi süresini ver ve Idle ya da Walk gibi döngüleri etiketle; böylece ayrı animasyonlar olarak oynar ve dışa aktarılırlar. Zaman çizelgesi hareket eden katmanları, istersen daha fazlasını listeler.

Soğan zarı ve canlı oynatma

Çizerken komşu kareleri kırmızı ve mavi olarak gör; her iki yanda beşe kadar, istersen yalnızca geçerli etiketin içinde. Animasyon oynarken çizmeye devam et; her darbe ekrandaki kareye düşer.

Tutarlı kalan renkler

PICO-8, Sweetie 16, Endesga 32 ya da Game Boy gibi klasik bir paletle başla ya da hiç palet kullanma. İki renk arasında rampa oluştur, ton kaydırmalı gölgeler ekle, sprite'ındaki renkleri çıkar ve bir rengi tüm karelerde aynı anda başka bir renkle değiştir.

Karolar, referanslar ve içe aktarma

İstediğin karo boyutunda bir karo ızgarası aç ve birleşim yerlerini 3 × 3 döşeli önizlemede kontrol et. Çiziminin altına, dışa aktarıma hiç girmeyen bir referans görseli koy. Bir PNG'yi yeni sprite olarak aç ya da bir sprite sheet'i içe aktarıp karelere böldür.

Motoruna doğrudan giren dışa aktarım

Satır, sütun ya da ızgara olarak dizilmiş, dolgu, kırpma ve ikinin kuvveti boyut seçenekleriyle bir sprite sheet ve yanında motorunun okuduğu dosyayı dışa aktar: Godot 4 için bir SpriteFrames kaynağı, Unity için dilimlenmiş bir sprite .meta dosyası, GameMaker için adlandırılmış bir şerit ya da diğer her şey için Aseprite tarzı JSON. GIF'ler, tekil PNG'ler ve PNG kareleri de var; 1× ile 8× arasında.

Piksel Sanatı Editörü

Sık sorulan sorular

Piksel sanatı editörü ücretsiz mi?

Evet, tamamen; tüm dışa aktarma biçimleriyle ve filigransız. Ücretli plan yok.

Sprite'ları canlandırabilir miyim?

Evet. Sprite'ların kendi süreleri olan kareleri, döngüler için etiketleri, soğan zarı ve üzerine çizmeye devam edebileceğin bir oynatması var.

Dışa aktarma hangi motorları destekliyor?

Godot 4 (SpriteFrames .tres), Unity (dilimlenmiş Multiple sprite .meta), GameMaker (şerit adlandırması) ve Phaser gibi Aseprite tarzı JSON okuyan her motor.

Bir sprite ne kadar büyük olabilir?

1024 × 1024 piksele kadar; bir sprite'ın genelde ihtiyaç duyduğu kadar katman ve kareyle. Bir proje yan yana birkaç sprite barındırabilir.

Aseprite alternatifi mi?

Tarayıcıda sprite çizmek ve canlandırmak için evet: katmanlar, kareler, etiketler, soğan zarı, paletler ve motor dışa aktarımları burada. Aseprite ise .aseprite dosyalarını açmak gibi Moriqa'da henüz olmayan özelliklere sahip, olgun bir masaüstü uygulaması olmayı sürdürüyor.

İlk sprite'ını çiz

Editör, tarayıcında yeni bir sprite hazır hâlde açılır.