WebGL Akışkan Simülasyonu Teknolojisi

 (paveldogreat.github.io)
2 puan yazan GN⁺ 2024-12-30 | 1 yorum | WhatsApp'ta paylaş
  • Tarayıcıda doğrudan çalışan bir akışkan simülasyonu uygulaması olup, kullanıcı render kalitesi ve fizik hesaplamalarıyla ilgili değerleri ayarlayabilir
  • quality ve sim resolution merkez alınarak density diffusion, velocity diffusion, pressure, vorticity, splat radius gibi simülasyon parametreleri değiştirilebilir
  • Görsel efektler shading, colorful, Bloom, Sunrays olarak ayrılır; Bloom ve Sunrays için ayrıca ayrıntılı değerler bulunur
  • Çalışma akışı paused ve Random splats ile kontrol edilir; Capture bölümünde arka plan rengi, şeffaf arka plan ve ekran görüntüsü ele alınır
  • Github, Twitter, Discord, mobil uygulama kontrol bağlantıları birlikte yer alır ve simülasyon dışı kaynaklara geçiş yapılabilir

Simülasyon ayar öğeleri

  • WebGL Fluid Simulation sayfası, “Try Fluid Simulation app!” yönlendirmesiyle birlikte akışkan simülasyonu çalıştırma ekranı sunar
  • Kullanıcının ayarlayabileceği temel öğeler:
    • quality
    • sim resolution
  • Simülasyon değerleri şu öğelerden oluşur:
    • density diffusion
    • velocity diffusion
    • pressure
    • vorticity
    • splat radius

Çalıştırma ve ekran efektleri

  • Çalıştırmayla ilgili seçenekler:
    • shading onay kutusu
    • colorful onay kutusu
    • paused onay kutusu
    • Random splats
  • Bloom ayarları:
    • enabled onay kutusu
    • intensity
    • threshold
  • Sunrays ayarları:
    • enabled onay kutusu
    • weight

Yakalama ve dış bağlantılar

  • Capture ayarları:

    • background color

      • transparent onay kutusu
      • take screenshot
      • Alt kısımda Github, Twitter, Discord, mobile app kontrol öğeleri bulunur

İlgili okumalar

1 yorum

 
GN⁺ 2024-12-30
Hacker News yorumları

  • Bunu fork edip ışık modelini toplamsal karışımdan çıkarımsal karışıma çevirince bir anda suyun içindeki mürekkep gibi görünmeye başladı
    https://observablehq.com/@tomlarkworthy/ink

    • Bir akışkan simülasyonu yaptığımda benim de ilk yaptığım şey buydu. Dijital çıktılarda çıkarımsal renk etkileri, yani pigmentlerin zenginliği ve ışığa göre değişen hissi elde etmenin yollarını uzun süre kurcaladım ama çoğu sonuçsuz kaldı; yine de fırsat buldukça denemeden duramıyorum
    • Mürekkebin kaybolmamasını sağlamak ne kadar zor olurdu? Bunu bir çizim uygulamasına entegre etmek istiyorum, o yüzden her türlü ipucu gerçekten çok faydalı olur
    • Mürekkebi CMYK renklerine çevirmeyi de düşünebilirsiniz: mutable ink = [255, 0, 255]

  • Nedenini bilmiyorum ama böyle yüksek çözünürlüklü fizik simülasyonları ya da görsel efektlere her baktığımda, CPU/GPU içinde ne kadar çok işlem döndüğünü en çok o zaman hissediyorum
    Bugün daha önce kokpit açısından acil durum ilan edip havaalanı pistine giren 2 dakikalık bir video izledim ve ancak sonlara doğru bunun gerçek görüntü değil, bir simülatör ya da video oyunu olduğunu fark ettim. Buna rağmen ekranda girdap gibi dönen renkleri izlemek hâlâ bana daha güçlü geliyor. Garip

  • Eski uygulamalar arasında bu sürüme hep ayrı bir sevgim oldu. Düşük çözünürlükte cyberpunk Netrunner gibi bir estetiği var, yüksek çözünürlükteyse neredeyse ruhani, hayaletimsi bir his bırakıyor: https://haxiomic.github.io/projects/webgl-fluid-and-particle...

    • 2020 yorumlarında o projenin yapımcısının bu projeden de söz ettiğini gördüm, ilginç. İkisinin nasıl bağlantılı olduğunu ya da sadece aynı varsayımları bağımsız biçimde mi uyguladıklarını hep merak etmişimdir: https://news.ycombinator.com/item?id=24065857
    • UltraHigh kalitesinde, çözücü yinelemesini 1 yapıp kurcalamayı seviyorum. Yemek yaparken bir malzemeyi diğerine yavaşça yedirmek gibi bir his veriyor; mesela makarna yaparken yumurtaya unu azar azar karıştırmak gibi

  • WebGL ile yapılmış başka su simülasyonu örnekleri bilen var mı? Köpüklü dalgaları nasıl yapabileceğimi arıyorum
    Evan'ın Pool demosunu seviyorum
    https://madebyevan.com/webgl-water/

    • Bir yerde okumuştum; bunun aslında simülasyondan çok, su, havuz ve içindeki nesneler gibi görünmesini sağlayan akıllı numaralara daha yakın olduğu söyleniyordu

  • Akışkan render etmeyle ilgileniyorsanız Sebastian Lague kısa süre önce bununla ilgili bir video yaptı: https://www.youtube.com/watch?v=kOkfC5fLfgE

    • Lague'un videoları sürekli şaşırtıcı ve ilham verici oluyor. Bu alana ilgi duyan herkese şiddetle tavsiye ederim

  • oimo.io'da da bu başlıkta geçen birkaç WebGL akışkan simülasyonu var
    https://news.ycombinator.com/item?id=37026592 - Water (2023-08-06, 133 comments)
    https://oimo.io/works/water/
    https://oimo.io/works/water3d/
    https://oimo.io/works/fluid/

  • Bu gerçekten iPhone 15 Pro'mda HDR veriyormuş gibi görünüyor. Bu çok sık olan bir şey değil, o yüzden ekran çok daha canlı duruyor
    Gerçekten harika

    • Güzel görünüyor ve çok akıcı ama akışkanlar dinamiği uygulaması aboneliği mi, cidden?

  • İlk kez bir dizüstü bilgisayarın dokunmatik ekranına gerçekten minnet duydum

  • Bana Plasma Pong'u hatırlattı
    Bunun ücretsiz bir çevrimiçi sürümünü yapmak ne kadar da talihsiz olurdu ;)

  • https://news.ycombinator.com/item?id=19963640
    https://news.ycombinator.com/item?id=23955527