Teknologi Simulasi Fluida WebGL

 (paveldogreat.github.io)
2 poin oleh GN⁺ 2024-12-30 | 1 komentar | Bagikan ke WhatsApp
  • Sebuah aplikasi simulasi fluida yang langsung berjalan di browser, tempat pengguna dapat menyesuaikan kualitas rendering dan nilai terkait perhitungan fisika
  • Dapat mengubah parameter simulasi seperti density diffusion, velocity diffusion, pressure, vorticity, dan splat radius, dengan fokus pada quality dan sim resolution
  • Efek visual dibagi menjadi shading, colorful, Bloom, dan Sunrays; Bloom dan Sunrays memiliki nilai detail tersendiri
  • Alur eksekusi dikendalikan dengan paused dan Random splats, sementara area Capture menangani warna latar, latar transparan, dan tangkapan layar
  • Item untuk Github, Twitter, Discord, dan pengecekan aplikasi mobile juga ditempatkan bersama, sehingga pengguna dapat berpindah ke resource eksternal simulasi

Item Penyesuaian Simulasi

  • Halaman WebGL Fluid Simulation menyediakan layar eksekusi simulasi fluida bersama panduan “Try Fluid Simulation app!”
  • Item dasar yang dapat disesuaikan pengguna:
    • quality
    • sim resolution
  • Nilai simulasi terdiri dari item berikut:
    • density diffusion
    • velocity diffusion
    • pressure
    • vorticity
    • splat radius

Eksekusi dan Efek Tampilan

  • Opsi terkait eksekusi:
    • kotak centang shading
    • kotak centang colorful
    • kotak centang paused
    • Random splats
  • Pengaturan Bloom:
    • kotak centang enabled
    • intensity
    • threshold
  • Pengaturan Sunrays:
    • kotak centang enabled
    • weight

Capture dan Item Eksternal

  • Pengaturan Capture:

    • background color

      • kotak centang transparent
      • take screenshot
      • Di bagian bawah terdapat item pengecekan Github, Twitter, Discord, dan mobile app

Bacaan terkait

1 komentar

 
GN⁺ 2024-12-30
Komentar Hacker News

  • Saya mem-fork ini lalu membalik model cahayanya dari pencampuran aditif menjadi pencampuran subtraktif, dan tiba-tiba mulai terlihat seperti tinta di dalam air
    https://observablehq.com/@tomlarkworthy/ink

    • Saat membuat simulasi fluida, hal pertama yang saya lakukan juga ini. Saya sudah lama mendalami cara mendapatkan efek warna subtraktif dalam karya digital—yakni kekayaan pigmen dan nuansa yang berubah sesuai cahaya—tetapi sebagian besar tidak membuahkan hasil; tetap saja, setiap ada kesempatan saya mencobanya
    • Seberapa sulit membuat tintanya tidak menghilang? Saya ingin mengintegrasikannya ke aplikasi menggambar, jadi kalau ada tips akan sangat membantu
    • Mengubah tintanya menjadi warna CMYK juga layak dipertimbangkan: mutable ink = [255, 0, 255]

  • Entah kenapa, setiap melihat simulasi fisika atau efek visual beresolusi tinggi seperti ini, saya paling bisa merasakan betapa banyak pemrosesan yang terjadi di dalam CPU/GPU
    Tadi hari ini saya menonton video 2 menit dari sudut pandang kokpit pesawat yang menyatakan keadaan darurat lalu masuk ke landasan bandara, dan baru di bagian akhir saya sadar bahwa itu bukan rekaman nyata, melainkan simulator atau video game. Meski begitu, melihat warna yang berpusar di layar tetap terasa lebih kuat. Aneh

  • Dari implementasi lama, saya selalu punya keterikatan dengan versi ini. Pada resolusi rendah ada estetika seperti cyberpunk netrunner, dan pada resolusi tinggi terasa hampir seperti hantu yang spiritual: https://haxiomic.github.io/projects/webgl-fluid-and-particle...

    • Menarik, di komentar tahun 2020 pembuat proyek itu juga membahas proyek ini. Saya selalu penasaran bagaimana keduanya terhubung, atau apakah mereka menerapkan premis yang sama secara independen: https://news.ycombinator.com/item?id=24065857
    • Saya suka memainkannya pada kualitas UltraHigh dengan iterasi solver disetel ke 1. Rasanya seperti saat memasak, mencampurkan satu bahan perlahan ke bahan lain; misalnya mencampurkan tepung ke telur saat membuat pasta

  • Ada yang tahu contoh simulasi air lain yang dibuat dengan WebGL? Saya sedang mencari cara menerapkan ombak berbusa
    Saya suka demo Pool dari Evan
    https://madebyevan.com/webgl-water/

    • Saya pernah membaca di suatu tempat bahwa itu bukan simulasi, melainkan lebih berupa trik cerdas untuk membuatnya tampak seperti air, kolam renang, dan benda di dalamnya

  • Jika tertarik pada rendering fluida, Sebastian Lague baru-baru ini membuat video terkait: https://www.youtube.com/watch?v=kOkfC5fLfgE

    • Video-video Lague selalu mengagumkan dan menginspirasi. Sangat direkomendasikan untuk siapa pun yang tertarik pada bidang ini

  • oimo.io juga punya beberapa simulasi fluida WebGL yang disebutkan di thread ini
    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/

  • Ini sepertinya benar-benar menghasilkan HDR di iPhone 15 Pro saya. Tidak sering terjadi, jadi layarnya terlihat jauh lebih hidup
    Benar-benar keren

    • Memang terlihat bagus dan sangat mulus, tapi langganan aplikasi dinamika fluida, serius?

  • Untuk pertama kalinya saya benar-benar bersyukur punya layar sentuh di laptop

  • Mengingatkan saya pada Plasma Pong
    Kalau membuat versi online gratisnya, tentu akan sangat disayangkan ;)

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