Piksel Sanat Oluşturucu

Kurulum
Piksel düzenleyici yükleniyor…

Komut, fotoğraf dönüştürme veya yükleme gerekmeden boş bir mantıksal ızgarada piksel sanatını elle çizin. 64×64 boyutuna kadar tuval seçin; kalem, silgi ve sınırları belli dolgu ile çalışın, renk örnekleyin, çizgileri aynalayın, düzenlemeleri geri alın ve şeffaf bir sprite dışa aktarın. Düzenleyici tarayıcınızda çalışır ve projeyi açık sekmede saklar.

Sıfırdan piksel sanat nasıl çizilir?

  1. 1

    Mantıksal ızgarayı seçin

    Projeyi adlandırın; genişlik ve yüksekliği 4–64 piksel arasında belirleyin. Hazır ayarlar kare tuvallere hızlıca geçmenizi sağlar.

  2. 2

    Çizin ve inceltin

    Çalışma paletinizle kalem, silgi, dolgu veya damlalık kullanın. Yatay ya da dikey aynalamayı açın ve bütün çizgileri tek işlemde geri alın.

  3. 3

    Sprite’ı gözden geçirin

    Dışa aktarmadan önce mantıksal boyutları, boyalı piksel sayısını ve renk sayısını denetleyin.

  4. 4

    Net bir dosya dışa aktarın

    Tam sayı ölçekli şeffaf PNG, kompakt SVG veya daha sonra düzenlemek için doğrulanmış proje JSON’u indirin.

Bilinçli ızgara çizimi için piksel sanat aracı

Piksel sanat hücre hücre tasarlanır. Bu düzenleyici şeffaf ve boş bir ızgarayla başlar; her mantıksal piksel için tek bir renk ya da şeffaflık saklar. Bir fotoğrafı ortalama renkli bloklara dönüştürmez; bu ayrı işlem için Görüntü Pikselleştirici aracını kullanın. Yapay zekâ komutundan da görsel üretmez.

Küçük bir ızgara daha belirgin bir silüet kurmaya zorlar; büyük bir ızgara ise gölgelendirme ve ayrıntı için alan açar. Bunlar platform kuralları değil, işe yarayan başlangıç önerileridir:

Mantıksal tuval Uygun başlangıç noktası
8×8 Çok küçük simgeler, glif alıştırmaları ve basit döşemeler
16×16 Arayüz ikonları, envanter nesneleri ve kompakt sprite’lar
32×32 Karakterler, yaratıklar ve oyun eşyaları
64×64 Ayrıntılı sprite’lar, portreler ve daha büyük tekil çalışmalar

Büyütülen pikselleri keskin tutun

PNG dışa aktarımı tam sayı ölçeği kullanır ve görüntü yumuşatmayı kapatır. Böylece 16×16 kaynaktaki bir piksel, bulanık bir kenar yerine tam 4×4, 8×8 veya daha büyük bir kare olur. Dama deseni ile isteğe bağlı ızgara yalnızca arayüz kılavuzudur; dosyaya eklenmez. Şeffaf hücreler şeffaf kalır.

SVG dışa aktarımı keskin kenarlı dikdörtgenler kullanır ve şeffaf hücreleri atlar. Proje JSON’u düzenlenebilir mantıksal ızgarayı ve çalışma paletini korur. Bu, Hyperion’a özgü bir proje biçimidir; masaüstü piksel sanat uygulamalarındaki katmanlı biçimlerin yerine geçmez.

Çizim araçları ve aynalama davranışı

  • Kalem hücreleri boyar ve hızlı işaretçi örneklerini birleştirerek çizgide boşluk oluşmasını önler.
  • Silgi hücreleri yeniden şeffaf yapar.
  • Dolgu dört yönden bağlı bir bölgeyi değiştirir; yalnızca köşeden temas eden bölgeler ayrı kalır.
  • Damlalık mevcut hücre rengini seçer. Şeffaflık örneklenirse silgiye geçilir.
  • Aynalı çizim hareketi soldan sağa, yukarıdan aşağıya veya iki yönde birden yansıtır. Ortadaki satır ve sütunlar yalnızca bir kez uygulanır.

Fare, kalem, dokunma ve klavye aynı mantıksal ızgarayı kullanır. Tuvale odaklanın, etkin hücreyi Ok tuşlarıyla taşıyın; seçili aracı uygulamak için Boşluk veya Enter’a basın. P, E, F ve I araçları seçer; Delete siler; Ctrl/Cmd+Z geri alır.

Tarayıcı davranışı ve teknik kaynaklar

Düzenleyici tarayıcının Canvas API, Pointer Events ve görüntü yumuşatma denetimini kullanır. PNG üretimi tarayıcı tuvalinin blob dışa aktarma API’sini izler. Klavye ve işaretçi etkileşimleri WCAG 2.2 işletilebilirlik ilkeleri dikkate alınarak tasarlanmıştır.

Çizim, proje adı ve palet tarayıcıdaki yerel proje durumunda kalır; URL’lere veya sunucularımıza gönderilen yüklere eklenmez. Huni adımları arasında geçişte normal sayfa istekleri yine gerçekleşir. Sekme depolaması kullanılamazsa eksiksiz tek sayfalı düzenleyici bellekte çalışmaya devam eder; ancak proje sessizce kaybolmasın diye huni ileri gitmez.

Sık Sorulan Sorular

Hayır. Boş ızgarada elle çalışan bir piksel sanat aracıdır. Her rengi siz seçer; her hücreyi kalem, silgi, dolgu, damlalık ve isteğe bağlı aynalama ile çizersiniz. Komut kabul etmez ve üretken bir hizmet çağırmaz.

Bu araç boş ızgaradan yeni bir çalışma oluşturur. Görüntü pikselleştirici ise yüklenen fotoğraf veya çizimi daha büyük, ortalama renkli bloklara indirger. İki iş akışının amacı farklıdır.

Küçük bir ikon için 16×16, karakter ya da eşya sprite’ı için 32×32 deneyin. Silüet çalışırken küçük başlayın; 64×64’ü yalnızca daha fazla ayrıntı gerektiğinde kullanın. Genişlik ve yükseklik 4–64 arasında ayrı ayrı ayarlanabilir.

Evet. Boş ve silinmiş hücrelerin PNG çıktısındaki alfa değeri sıfırdır. Düzenleyicideki dama yalnızca şeffaflığı gösterir ve dışa aktarılmaz.

Dışa aktarma, her mantıksal pikseli görüntü yumuşatma kapalıyken tam sayı ölçeğinde büyütür. Komşu hücreler arasında ara renk türetmez.

Hayır. İlk sürüm tek bir sabit görseli düzenler. Kareleri burada ayrı ayrı dışa aktarın; tamamlanan kareleri atlas hâline getirmek için ayrı Sprite Sheet Generator aracını kullanın.

Tuval fare, kalem ve tek parmak dokunuşunu kabul eder. Klavyeyle de kullanılabilir: Oklar etkin hücreyi taşır, Boşluk veya Enter aracı uygular, harf kısayolları araç seçer.

Düzenleyici çizimi, proje adını, paleti veya dışa aktarılan dosyayı yüklemez. Proje durumu tarayıcı sekmesinde tutulur. Sayfayı açarken veya huni adımları arasında geçerken normal belge istekleri yine olur.

İlgili Araçlar

Araç diğer dillerde mevcuttur