87 karakter · ücretsiz kopyalama
Kutu çizim karakterleri
Unicode bloğu U+2500'den U+257F'ye, çerçeveler, tablolar, ağaçlar ve ızgaralar oluşturmak üzere birleşecek şekilde tasarlanmış 128 karakter içerir — ince, kalın, çift, kesikli ve yuvarlatılmış, artı bu ağırlıkların buluştuğu her eklem. Bir terminal arayüzünün, bir dizin ağacının ve bir ASCII tablosunun gerçekten neyden yapıldığı bunlardır. Aşağıdaki herhangi bir karakteri kopyala; her biri Unicode adı ve kod noktasıyla, ihtiyaç duyacağın parçalar bir arada olacak şekilde gruplanmış olarak listelenir.
İnce çizgiler
Varsayılan set. On bir karakter herhangi bir dikdörtgen ızgarayı çizer ve her biri diğerlerine temiz bir şekilde birleşir.
Kalın çizgiler
Aynı on bir şekil, daha kalın bir ağırlıkta. Bir dış kenarlığı ya da seçili bir satırı vurgulamak için ince çizgilerle karıştır.
Çift çizgiler
İki paralel çizgi. Klasik DOS dönemi çerçevesi, hâlâ bloktaki en dekoratif seçenek.
Yuvarlatılmış köşeler
İnce çizgili bir kutuyu yumuşatan yay köşeler. Bunları ┌ ┐ └ ┘ yerine koy, başka hiçbir şey değişmez.
Kesik çizgiler
Üçlü ve dörtlü kesik çizgi dizileri, ince ve kalın. İkincil olarak okunması gereken bir ayırıcı için kullanışlıdır.
Çaprazlar ve yarımlar
Bir hücreyi çizmek için eğik çizgiler ve hücre ortasında biten çizgi uçları için yarım uzunlukta parçalar.
İnce-kalın geçişler
İnce bir çizginin kalın biriyle buluştuğu eklemler. Bunlar, bir tablonun bir satırını birleşimleri bozmadan kalınlaştırmanı sağlayan parçalardır.
Çift-tekli geçişler
Çift ve tek çizgiler arasındaki eklemler — çift bir dış çerçeve, tekli iç ayırıcılarla buluştuğunda ihtiyaç duyduğun parçalar.
Kopyalamak için herhangi bir karaktere tıkla. Hiçbir şey indirilmez — bunlar görsel değil, metin karakteridir.
Unicode blokları
- U+2500–U+257F Kutu Çizim
Kutu Çizim Karakterleri nasıl kullanılır
Her zaman sabit genişlikli bir yazı tipi kullan
Her şeyin bağlı olduğu kural budur. Kutu çizim karakterleri sabit bir hücre üzerinde tasarlanmıştır, bu yüzden orantılı bir yazı tipinde dikey çizgiler sütun dışına kayar ve çerçeve dağılır. JetBrains Mono, Menlo, Consolas, Cascadia Code ve DejaVu Sans Mono, bloğu iyi görüntüler.
Bir ağırlık seç ve onda kal
İnce inceyle, kalın kalınla birleşir. Onları geçiş parçaları olmadan karıştırmak, çizgilerin buluşmadığı yerlerde görünür boşluklar bırakır. Kalın bir dış kenarlık ile ince iç ayırıcılar istiyorsan, eklemleri ince-kalın geçişler grubundan al.
Önce köşeleri, sonra kenarları, sonra eklemleri kur
Bir tablo dört köşe, iki kenar dizisi ve aralarındaki kesişimlerdir. Önce köşeleri yerleştir, gerisi mekanik olarak gelir — bunun kodda üretmesinin de kolay olmasının nedeni budur.
Sağlam çerçeveler için satır yüksekliğini 1 yap
Dikey çizgiler, karakter hücresinin tam yüksekliğine çizilir. Fazladan bir satır aralığı, satırlar arasında bir boşluk olarak görünür, bu yüzden kırık görünen bir kutunun genellikle sadece line-height: 1'e ihtiyacı vardır.
Kutu Çizim Karakterleri hakkında
Kutu Çizim bloğu, herkes grafiklere güvenebilmeden on yıllar önce DOS uygulamalarına çerçevelerini ve menülerini veren IBM PC kod sayfası 437 karakter setinin doğrudan bir torunudur. Unicode, tüm repertuvarı U+2500'de korudu ve sürekli kullanımda kalmaya devam ediyor: bir terminal dosya yöneticisindeki kenarlıklar, bir dizin ağacının dalları, bir komut satırı tablosunun etrafındaki çerçeveler ve bu sitedeki oyunların ızgaraları, hepsi bu 128 karakterden çizilir.
Bloğu alışılmadık derecede iyi tasarlanmış kılan şey, eklemlerin sistematik kapsamıdır. Yatay bir çizgi ve dikey bir çizginin olması yeterli değildir; dört yönün her birinden bir hücreye gelenin, her ağırlıkta, her kombinasyonuna ihtiyacın vardır. Blok, "aşağı ince ve yatay kalın" kadar spesifik karakterler içermesinin nedeni budur — bir tablonun, eklemde tek bir boşluk oluşmadan yolun ortasında çizgi ağırlığını değiştirebilmesi için var olurlar.
Pratik kısıtlama yazı tipidir. Bu glifler, komşu hücrelerin kesintisiz bir çizgide birleşmesi için kendi karakter hücrelerinin tam kenarlarına dokunacak şekilde çizilir. Bu yalnızca satır yüksekliği 1 olan sabit genişlikli bir yazı tipinde geçerlidir. Metne fazladan satır aralığı ver, satırlar arasında yatay ince çizgiler belirir; orantılı bir yazı tipi ayarla, dikey çizgiler hizadan sapar. Neredeyse her "kutu çizimi bozuk görünüyor" sorunu bu ikisinden biridir.
Blokta kasıtlı bir boşluk var. Unicode ince ve kalın çaprazları ve ince bir çapraz çarpıyı kodlar, ama çift çizgili bir çapraz ya da kalın ağırlıkta yaylar kodlamaz, çünkü orijinal kod sayfasında hiç yoktu ve blok eksiksizlik yerine uyumluluk için tasarlandı. Kalın, yuvarlatılmış bir köşeye ihtiyacın varsa, o mevcut değildir — U+256D'den U+2570'e kadar olan dört yay yalnızca ince ağırlıktadır.
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
Kutu çizim karakterlerim neden hizalanmıyor?
Neredeyse her zaman yazı tipidir. Bu glifler sabit genişlikli bir hücre varsayar, bu yüzden orantılı bir yazı tipi dikey çizgileri sütun dışına iter. JetBrains Mono, Consolas ya da Menlo gibi sabit genişlikli bir yazı tipine geç. Çerçeve yatayda hizalanıyor ama satırlar arasında boşluklar gösteriyorsa, satır yüksekliğini 1 yap — fazladan satır aralığı dikey çizgileri ayırır.
Kutu çizim karakterleri ile ASCII sanatı arasındaki fark nedir?
ASCII sanatı, çizgileri ASCII'nin 128 karakteriyle — tireler, dikey çizgiler ve artı işaretleriyle — taklit eder, bu yüzden köşeler yaklaşıktır ve birleşimler gözle görülür şekilde kabadır. Kutu çizim karakterleri, hücre kenarında tam olarak buluşan, kesintisiz çizgiler veren amaca özel gliflerdir. İkisi sık sık karıştırılsa da, ASCII değil Unicode'durlar.
Basit bir tablo için hangi kutu çizim karakterlerine ihtiyacım var?
On bir tane: dört köşe ┌ ┐ └ ┘, iki kenar ─ │, dört T-eklemi ├ ┤ ┬ ┴ ve çarpı ┼. Ne kadar büyük olursa olsun her dikdörtgen ızgara, sadece bunlardan kurulur.
İnce ve kalın çizgileri karıştırabilir miyim?
Evet, ama yalnızca geçiş karakterleri üzerinden. Kalın bir dikeyle buluşan ince bir yatay, tam da o durum için oluşturulmuş bir glife ihtiyaç duyar, U+2542 gibi. Kalın bir çizgiyi doğru parça olmadan doğrudan ince bir çizgiye bağlarsan görünür bir boşluk elde edersin. Yukarıdaki ince-kalın geçişler grubunda tam set bulunur.
Kutu çizim karakterleri mobilde çalışır mı?
Her modern telefonda görüntülenirler — blok eskidir ve evrensel olarak desteklenir. Yakalanacak nokta, mobil tarayıcıların genellikle orantılı bir varsayılan yazı tipi kullanmasıdır, bu yüzden varsayılana güvenmek yerine onları bir monospace CSS kuralına sar, yoksa hizalama bozulur.
Kutu çizim bloğunda yuvarlatılmış köşeler var mı?
Dört tane, U+256D'den U+2570'e kadar, ve yalnızca ince ağırlıktalar. İnce çizgili bir kutuyu yumuşatmak için ┌ ┐ └ ┘ yerine koy. Kalın ya da çift çizgili bir karşılığı yoktur — blok, repertuvarını hiç böyle bir şeyi olmayan kod sayfası 437'den miras aldı.
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