35 karakter · ücretsiz kopyalama

Karakter olarak geometrik şekiller

U+25A0'dan U+25FF'ye kadar olan Geometrik Şekiller bloğu, metin tabanlı arayüzlerin iş atı: daireler, kareler, üçgenler ve baklavalar, neredeyse hepsi iki ya da üç boyutta dolgulu-ve-anahat-çizgili bir çift olarak sunulur. Bu eşleşme, renge güvenmeden iki durumu, iki oyuncuyu ya da iki önceliği göstermeni sağlayan şeydir. Aşağıdaki herhangi bir karakteri kopyala; her biri Unicode adı ve kod noktasıyla listelenir.

Daireler

Dolgulu, boş ve derecelendirmeler, aşamalar ve geçiş durumları için kullanılan kısmi dolgular.

Kareler

Dolgulu ve boş halde üç boyut. Küçük çift, düz bir noktadan daha iyi madde imleci yapar.

Üçgenler

İki boyutta dört yönün tümü. Büyük dolgulu set, medya kontrol düğmeleri olarak da işe yarar.

Baklavalar ve eşkenar dörtgenler

Baklavalar, bağırmadan "özel" olarak okunur — dekoratif bir ayırıcı için sıradan seçim.

Kopyalamak için herhangi bir karaktere tıkla. Hiçbir şey indirilmez — bunlar görsel değil, metin karakteridir.

Unicode blokları

  • U+25A0–U+25FF Geometrik Şekiller
  • U+2756 Dingbatlar

Geometrik Şekil Sembolleri nasıl kullanılır

01

Durumu göstermek için dolguluyu boşla eşleştir

Buradaki neredeyse her şekil, dolgulu-ve-anahat-çizgili bir çift olarak gelir. Açık ve kapalı, ya da tamamlandı ve beklemede için ● ile ○'yi kullanmak, farkı şekille iletir — bu yüzden kırmızıya karşı yeşilin başaramadığı şekilde gri tonlamalı baskıda ve renk körü görüşte de hayatta kalır.

02

Küçük varyantları madde imleci olarak kullan

Küçük kare ▪ ve beyaz madde imleci ◦, tam boy ■'e göre gövde metnine karşı daha iyi oturur. İç içe listeler önce •, sonra ◦, sonra ▪ olarak iyi okunur.

03

İlerleme için kısmi daireleri kullan

○ ◔ ◐ ◕ ●, her biri tek bir karakterde beş temiz tamamlanma adımı verir — bir tablo hücresi ya da bir log satırı için kompakt bir ilerleme göstergesi.

04

CSS'ten renklendir

Metin oldukları için `color` doğrudan uygulanır. Beş farklı renkte bir ● sırası, görsele ya da SVG'ye ihtiyaç duymaz ve her yakınlaştırmada keskin kalır.

Geometrik Şekil Sembolleri hakkında

Geometrik Şekiller bloğu, Unicode'daki en sessizce kullanışlı aralıktır. Düzenleyici fikri çifttir: neredeyse her şekil için bir dolgulu sürüm ve bir anahat çizgili sürüm vardır, çoğunlukla her birinin iki ya da üç boyutu. Bu fazlalık, tek renkli bir bağlamda — bir terminal, bir çıktı, düz metin bir e-posta — iki durum göstermen gerekene ve şekil karşıtlığının renk karşıtlığının başaramadığı yerde çalışmaya devam ettiğini keşfedene kadar israf gibi görünür.

Bu özellik, bu karakterlerin arayüz tasarımında her yerde olmasının nedenidir. Dolgulu ve boş daireler, radyo düğmeleri ve karusel noktalarıdır. Üçgenler, açılır oklar ve medya kontrol düğmeleridir. Küçük kareler madde imleçleridir. Metin oldukları için, her biri çevredeki yazı tipi boyutunu ve rengini miras alır, bu yüzden onlardan kurulan bir simge seti ne bir sprite sayfasına, ne bir simge yazı tipine ne de bir SVG'ye ihtiyaç duyar — ve asla geç yüklenmez ya da hiç yüklenmez.

U+25D0'dan U+25D3'e kadar olan kısmi dolgulu daireler ve yakınlarındaki çeyrek dolgulu varyantlar, çoğu insanın hiç bulamadığı küçük bir tasarım kelime dağarcığı parçasıdır. Boştan doluya bir dizi, tam olarak bir karakter hücresi kaplayan bir ilerleme ya da derecelendirme göstergesi verir; bu yüzden yatay alanın kıt olduğu CLI panolarında ve durum tablolarında ortaya çıkar.

Bu site bu bloğa ağırlıklı olarak dayanır. Connect 4 ve Reversi, iki oyuncu için ● ve ○ kullanır; Simon, dört pedi için büyük üçgenleri kullanır; Işıkları Söndür ve Hafıza Oyunu kareler ve baklavalar kullanır. Renk, pekiştirme olarak CSS ile üzerine katmanlanır, ama şekiller anlamı kendi başlarına taşır — tahtaları renk körü bir oyuncu için okunabilir kılan da budur.

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

● ile ○ arasındaki fark nedir?

Aynı dairenin dolgulu ve boş sürümleridir. Unicode onları "siyah daire" ve "beyaz daire" olarak adlandırır, ama bu isimler rengi değil dolguyu tarif eder — ikisi de metindir, bu yüzden herhangi birini istediğin renkte çizebilirsin. Onları eşleştirmek, renge hiç bağlı olmadan iki durumu gösterir.

Hangi şekil sembolleri iyi madde imleci yapar?

Madde imleci • (U+2022) standarttır, iç içe seviyeler için beyaz madde imleci ◦ ve küçük kare ▪ ile birlikte. Tam boy ■ ve ● genellikle gövde metnine karşı çok ağırdır. Yaygın bir iç içe geçme, önce •, sonra ◦, sonra ▪'dır.

Simge yerine geometrik şekiller kullanabilir miyim?

Basit göstergeler için evet, ve gerçek avantajları var: sprite sayfası yok, simge yazı tipi yok, ekstra istek yok, ve otomatik olarak metin rengini ve boyutunu miras alırlar, bu yüzden asla geç yüklenmez ya da hizadan çıkmazlar. Üçgenler açılır oklar ve oynat düğmeleri olarak, daireler radyo durumları ve durum noktaları olarak işe yarar.

Aynı yazı tipinde bazı şekiller neden diğerlerinden daha büyük görünüyor?

Unicode birkaç boyutu açıkça kodlar — küçük, orta ve normal — ve yazı tipleri de aynı kod noktasını farklı optik ağırlıklarda çizer. Bir şekil sırası düzensiz görünüyorsa, muhtemelen ▪ U+25AA ile ■ U+25A0 gibi boyut varyantlarını karıştırıyorsundur. Bir sıra içinde tek bir boyut sınıfına bağlı kal.

Bu şekiller emoji olarak çalışır mı?

Birkaçının emoji sunumu vardır ve bazı platformlarda önceden renklendirilmiş gelebilir. CSS rengini alması için tek renkli metin glifini zorlamak üzere metin varyasyon seçici U+FE0E'yi ekle. Bloğun çoğu yalnızca metindir ve böyle bir işleme ihtiyaç duymaz.

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 ısmarla

One-off · No account needed · Handled by Buy Me a Coffee