34 karakter · ücretsiz kopyalama
Metin pikselleri için blok karakterleri
Unicode bloğu U+2580'den U+259F'ye, bir karakter hücresini sabit kesirlerde dolduran 32 karakter içerir — çeyrek gölgeler, sekizde bir yükseklik adımları, yarımlar ve çeyrekler. Bir terminalin düz metinle bir ilerleme çubuğu, bir mini grafik ya da bir çubuk grafik çizebilmesinin nedeni bunlardır. Aşağıdaki herhangi bir karakteri kopyala; her biri Unicode adı ve kod noktasıyla listelenir.
Gölgeler
%25'ten dolu olana kadar dört yoğunluk adımı. Renk kullanmadan derinlik ya da kararma önermenin en hızlı yolu.
Dikey sekizde birler
Hücreyi aşağıdan yukarıya sekiz adımda doldurur. Bu, mini grafik ve çubuk grafik setidir.
Yatay sekizde birler
Hücreyi soldan sağa sekiz adımda doldurur — ilerleme çubuğu seti. Bir hücrelik çözünürlük sekize çıkar.
Yarımlar ve çeyrekler
Dört çeyrek hücrenin her kombinasyonu. Bir karakter hücresini 2×2 piksellik bir ızgara gibi düşün, bunlar on altı durumun tümüdür.
Kopyalamak için herhangi bir karaktere tıkla. Hiçbir şey indirilmez — bunlar görsel değil, metin karakteridir.
Unicode blokları
- U+2580–U+259F Blok Karakterleri
Blok Karakterleri nasıl kullanılır
Yatay sekizde birlerden bir ilerleme çubuğu kur
Dolu kısmı █ ile çiz, kısmi hücreyi en yakın sekizde birle bitir. 20 karakterlik bir çubuk aniden 20 yerine 160 adımlık bir çözünürlüğe kavuşur, bu yüzden çubuk sıçramak yerine akıcı hareket eder.
Dikey sekizde birlerden bir mini grafik kur
Her veri noktasını, maksimumdaki payına göre ▁▂▃▄▅▆▇█'den birine eşle. Tüm bir grafik, bir commit mesajına ya da bir loga yapıştırabileceğin tek bir metin satırına dönüşür.
Çeyrekleri 2×2 piksellik bir ızgara gibi kullan
On altı çeyrek kombinasyonu, bir karakter hücresinin dört bağımsız pikseli taşımasına izin verir; bu da etkin çözünürlüğü her iki yönde de ikiye katlar. Metin modu görsel render edicilerinin çalışma şekli budur.
Onları metin gibi renklendir, çünkü metindirler
Bir █, diğer her karakter gibi CSS `color` alır, bu yüzden bir çubuk grafik tamamen CSS ile, canvas ve görsel olmadan biçimlendirilebilir. Dikey olarak komşu bloklar dokunsun diye satır yüksekliğini 1 yap.
Blok Karakterleri hakkında
Blok Karakterleri bloğu, düz metnin bir piksele en yakın olduğu şeydir. Her karakter, hücresinin tanımlı bir kesrini doldurur — bir sekizde bir, bir çeyrek, bir yarım ya da tamamı — bu da metnin çok düşük çözünürlüklü bir bitmap olarak kullanılabileceği anlamına gelir. Dört gölge karakteri ░▒▓█, kod sayfası 437'den geldi ve hiç gri tonlaması olmayan ekranlarda gradyanları ve dithering'i taklit etmek için on yıllarca kullanıldı.
Sekizde bir adım karakterleri, sessizce dahiyane olan kısımdır. Bir hücreyi sekize böldükleri için, 20 sütunlu bir terminalde çizilen bir ilerleme çubuğu 20 yerine 160 farklı duruma sahiptir. Çubuk sarsılmak yerine akıcı bir şekilde ilerler ve bunu, aktarılabilen, loglanabilen ve kopyalanabilen düz bir metin akışında yapar. Neredeyse her modern CLI ilerleme çubuğu, U+2588 ve onun yedi kısmi kardeşinden kurulur.
Çeyrek karakterler, bir hücreyi 2×2 bir ızgara gibi ele alarak daha da ileri gider; on altı açık/kapalı kombinasyonunun tümünü verir. Bu, çözünürlüğü hem yatayda hem dikeyde aynı anda ikiye katlar ve terminal görsel görüntüleyicilerinin temelidir: her 2×2 görsel piksel grubunu bir çeyrek karaktere eşle, ön plan ve arka plan renklerini ayarla, bir fotoğraf metin olarak görüntülenir.
Bu site, blok karakterlerini birincil çizim malzemesi olarak kullanır. Tetris parçaları, Breakout raketi ve tuğlaları, Labirent duvarları ve Yılan gövdesi, sprite yerine █ ve onun kısmi formlarından kurulur; bu yüzden her oyun sayfa vurgu rengini miras alır ve her yakınlaştırma seviyesinde keskin kalır — tipografidir, bu yüzden yazı gibi ölçeklenir.
Bu karakterlerle çizilen oyunlar
Bu sitedeki her tahta sprite değil, Unicode ile çizilir. Bu oyunlar yukarıdaki karakterleri kullanır.
Sık sorulan sorular
Unicode blok karakterleriyle bir ilerleme çubuğunu nasıl yaparım?
Tamamlanan kısmı tam blokla █ çiz, sonra kalan kesri en yakın yatay sekizde birle (▏▎▍▌▋▊▉) görüntüle. Kalanı boşluklar ya da ince gölge ░ ile doldur. Yüzdeni sekizle çarpıp kalanı almak, doğru kısmi karakteri seçer.
Blok karakterlerim arasında neden bir boşluk var?
Satır yüksekliği. Blok karakterleri, karakter hücresinin tam kenarına çizilir, bu yüzden fazladan bir satır aralığı satırlar arasında yatay bir boşluk olarak görünür. Satır yüksekliğini 1 yap. Boşluklar bunun yerine sütunlar arasında görünüyorsa, yazı tipi sabit genişlikli değil orantılıdır.
░ ▒ ▓ ve █ arasındaki fark nedir?
Aynı hücrenin dört yoğunluk adımıdır: ince gölge kabaca %25 dolu, orta %50, koyu %75 ve tam blok %100. Metin oldukları için, dördü de metin rengini alır — bu yüzden tek bir renkten dört görünür parlaklık seviyesi elde edebilirsin.
Blok karakterlerinin rengini değiştirebilir miyim?
Evet. Sıradan metin karakterleri oldukları için CSS `color`, terminal ANSI renkleri ve editör teman hepsi uygulanır. Bir görsele karşı tüm avantaj budur: tek bir karakter herhangi bir renkte ve boyutta olabilir, her yakınlaştırma seviyesinde keskin kalır.
Blok karakterleri her yazı tipinde çalışır mı?
Destek esasen evrenseldir, ama kalite değişir. Bazı yazı tipleri sekizde bir blokları çok hafif dar çizer, dolu bir dolguda ince çizgi dikişleri bırakır. Terminaller için yapılmış sabit genişlikli yazı tipleri — JetBrains Mono, Cascadia Code, DejaVu Sans Mono, Menlo — onları kenardan kenara çizer ve güvenli seçimdir.
Support the arcade
Oyunları beğendin mi?
UnicodeGames ücretsizdir, reklam içermez ve hiçbir zaman içermeyecek. Bir kahve molanı güzelleştirdiyse, iyiliğin karşılığını verebilirsin.
Bana bir kahve ısmarlaOne-off · No account needed · Handled by Buy Me a Coffee