ASCII Bulutları

 (caidan.dev)
5 puan yazan GN⁺ 2026-01-16 | 2 yorum | WhatsApp'ta paylaş
  • ASCII karakterleri kullanarak bulut biçimlerini görselleştiren etkileşimli bir web projesi
  • Noise, Wave, Color, Glyph Thresholds gibi çeşitli parametreler ayarlanarak görsel efektler değiştirilebiliyor
  • Retro CRT, Cosmic, Fog, Red gibi hazır modlar ile farklı atmosferlerde bulut görünümleri destekleniyor
  • Ortaya çıkan görüntüyü PNG olarak kaydetme, bağlantı kopyalama ve ayarları içe aktarma (Import) işlevleri sunuluyor
  • Web tabanlı bir grafik deneyi olarak, metin ile görsel efektlerin birleşme potansiyelini gösteren bir örnek

Proje genel bakışı

  • ASCII Clouds, ASCII karakterlerini temel alarak bulut biçimleri oluşturan etkileşimli bir web görselleştirme aracı
    • Bulut desenlerini tarayıcıda gerçek zamanlı olarak render ediyor
    • Kullanıcılar çeşitli görsel parametreleri doğrudan ayarlayabiliyor
  • Arayüzde Fullscreen, PNG kaydetme, Copy Link, Import gibi işlev düğmeleri yer alıyor

Görsel efekt ayarlama özellikleri

  • Noise, Wave Amplitude, Wave Speed, Noise Intensity, Time Speed gibi değerler ayarlanarak bulutların hareketi ve dokusu kontrol edilebiliyor
    • Örnek: Wave Amplitude 0.150, Wave Speed 0.60, Noise Intensity 0.035, Time Speed 0.70 gibi varsayılan değerler sunuluyor
  • Vignette efekti için Intensity(0.80) ve Radius(0.60) ayarları yapılabiliyor
  • Color ayarları bölümünde Hue(35), Saturation(0.85), Brightness(-0.05), Contrast(1.50) değerleri sunuluyor

Karakter tabanlı render yapısı

  • Bulut yoğunluğuna göre Glyph Thresholds uygulanıyor ve farklı karakterler gösteriliyor
    • . (dot) 0.15, - (dash) 0.30, + (plus) 0.50, O (ring) 0.70, X (cross) 1.00
  • Bu karakter aşamaları, bulutların yoğunluğunu veya derinliğini ifade etmek için kullanılıyor

Hazır ayarlar ve temalar

  • Default, Terminal, Retro CRT, Cosmic, Fog, Red gibi çeşitli hazır ayarlar sunuluyor
    • Her hazır ayar, renk, kontrast ve noise gibi öğelerin birleşimiyle kendine özgü bir görsel efekt oluşturuyor
  • Kullanıcılar bir hazır ayar seçerek anında farklı bir ASCII bulut stili üretebiliyor

Dışa aktarma ve paylaşım özellikleri

  • Oluşturulan görüntü PNG dosyası olarak kaydedilebiliyor veya bağlantı kopyalama ile paylaşılabiliyor
  • Import işlevi ile önceki ayarlar yüklenerek aynı bulut deseni yeniden üretilebiliyor
  • Bu işlevler, deneysel görselleştirme sonuçlarının kolayca kaydedilmesini ve yeniden kullanılmasını sağlıyor

İlgili okumalar

2 yorum

 
roxie 2026-01-23

Kullanılan karakterler çok sevimli.
 
GN⁺ 2026-01-16
Hacker News yorumları

  • Gerçekten çok güzel. Bu etkinin temel algoritması 40 yılı aşkın süredir var olan Perlin noise
    Üretilen görüntüler cam ya da buz benzeri deplasman efektleri, dalga efektleri, arazi üretimi gibi çeşitli görsel efektlerde kullanılabiliyor. Kilit nokta doğal ve organik bir his vermesi
    Eskiden Flash AS3 döneminde böyle efektler ya da oyunlar yaparken sık kullanılırdı; muhtemelen bugün de hâlâ yaygın şekilde kullanılıyordur

    • Aslında teknik olarak bunun Simplex noise olma ihtimali daha yüksek, ama onu da Perlin geliştirdi
    • P5JS kullanırsanız bu tür noise'ları denemek çok kolay
      p5.noise() referansı

  • Aslında böyle bir efekt, 3D sahnelere ya da videolara uygulanan bir metin post-processing shader'ı yazarak kolayca yapılabilir
    Bakılabilecek bazı kaynaklar:
    pmndrs/ascii rehberi,
    BabylonJS forum örneği,
    Three.js ASCII örneği,
    fwdapps.net demosu,
    CodeSandbox örneği,
    YouTube videosu

    • Ya da doğrudan ASCII'nin kendisiyle başlayabilirsiniz. Bir arkadaşımla shader'ın nasıl çalıştığı üzerine konuşurken Emacs içinde çalışan küçük bir “shadertoy” yaptım
      shademacs örnek kodu

  • Güzel görünüyor ama her sembolün rengi ya da parlaklığı farklı olunca ASCII'nin asıl anlamı biraz zayıflıyor gibi geliyor

    • Yine de bu bir 'ascii art', yani sanatsal özgürlük olarak görülebilir
    • Bu kadar çok renk varsa aslında tek bir karakter bile yeterli olurdu

  • İsmi yüzünden daha fazla ASCII karakter seçeneği ya da metin seçme işlevi beklemiştim. Yine de görsel olarak oldukça çekici ve kurcalaması eğlenceli

    • Ben de benzer bir şey deniyorum. QWK okuyucuyu modern biçimde yeniden yaparken, ANSI mesajlarını HTML olarak render etmek temel meseleydi
      Claude Code ile ilk denemeleri yaptım ve oldukça iyi sonuçlar verdi
      bbs-ansi-to-html projesi

  • Aslında ASCII ile pek alakası yok ama yine de havalı bir görsel efekt

  • Eskiden C ile benzer bir efekt yapmıştım (sanırım 2007 civarı)
    YouTube videosu, kod deposu
    Modern sistemlerde de derlenebilmesi için güncelledim; özgün sürüm de duruyor
    özgün gol.c dosyası

  • Güzel ama gerçekten ASCII ise, bir metin düzenleyicisine bulutlu gökyüzünü kopyalayıp yapıştırabilmek gerekmez mi diye düşünüyorum ;-P

    • Bende WebGL hatası yüzünden sadece beyaz ekran görünüyor. O yüzden buna ASCII demek zor. Gerçekten metin tabanlı çıktı olsaydı daha ilginç olurdu

  • Bu, uydu perspektifinden bulut render etme için uygun görünüyor. Ama yer seviyesinden görülen bulutları modellemek için pek uygun değil gibi
    Hızlı ve iyi bir algoritma arıyorum; ilgili kaynak bilen varsa paylaşırsa sevinirim

  • Tematik olarak ilgili bir demo var
    chromaspiral demosu

  • Balatro arka plan efektini yeniden oluşturmaya çalışırken beklediğimden çok daha fazla zaman harcadım