Công nghệ mô phỏng chất lỏng WebGL

 (paveldogreat.github.io)
2 điểm bởi GN⁺ 2024-12-30 | 1 bình luận | Chia sẻ qua WhatsApp
  • Đây là ứng dụng mô phỏng chất lỏng chạy trực tiếp trong trình duyệt, cho phép người dùng điều chỉnh chất lượng render và các giá trị liên quan đến tính toán vật lý
  • Có thể thay đổi các tham số mô phỏng xoay quanh quality và sim resolution, như density diffusion, velocity diffusion, pressure, vorticity, splat radius
  • Hiệu ứng thị giác được chia thành shading, colorful, Bloom, Sunrays; Bloom và Sunrays có các giá trị chi tiết riêng
  • Luồng chạy được điều khiển bằng paused và Random splats; khu vực Capture xử lý màu nền, nền trong suốt và ảnh chụp màn hình
  • Các mục kiểm tra Github, Twitter, Discord và ứng dụng di động cũng được bố trí cùng, cho phép chuyển đến tài nguyên bên ngoài mô phỏng

Các mục điều chỉnh mô phỏng

  • Trang WebGL Fluid Simulation cung cấp màn hình chạy mô phỏng chất lỏng cùng lời mời “Try Fluid Simulation app!”
  • Các mục cơ bản người dùng có thể điều chỉnh:
    • quality
    • sim resolution
  • Các giá trị mô phỏng gồm những mục sau:
    • density diffusion
    • velocity diffusion
    • pressure
    • vorticity
    • splat radius

Chạy và hiệu ứng màn hình

  • Các tùy chọn liên quan đến chạy:
    • hộp chọn shading
    • hộp chọn colorful
    • hộp chọn paused
    • Random splats
  • Thiết lập Bloom:
    • hộp chọn enabled
    • intensity
    • threshold
  • Thiết lập Sunrays:
    • hộp chọn enabled
    • weight

Chụp màn hình và các mục bên ngoài

  • Thiết lập Capture:

    • background color

      • hộp chọn transparent
      • take screenshot
      • Ở phía dưới có các mục kiểm tra Github, Twitter, Discord và mobile app

Bài viết liên quan

1 bình luận

 
GN⁺ 2024-12-30
Ý kiến trên Hacker News

  • Tôi fork cái này rồi thử đảo mô hình ánh sáng từ pha trộn cộng sang pha trộn trừ, và đột nhiên nó bắt đầu trông như mực trong nước
    https://observablehq.com/@tomlarkworthy/ink

    • Khi làm mô phỏng chất lỏng, đây cũng là việc đầu tiên tôi làm. Tôi đã đào sâu khá lâu về cách đạt được hiệu ứng màu trừ trong sản phẩm số, tức là độ phong phú của sắc tố và cảm giác thay đổi theo ánh sáng, nhưng phần lớn không có kết quả; dù vậy, cứ có cơ hội là tôi lại thử
    • Làm sao để mực không biến mất thì khó đến mức nào? Tôi muốn tích hợp nó vào một ứng dụng vẽ, nên nếu có mẹo nào thì thật sự sẽ rất hữu ích
    • Cũng đáng cân nhắc chuyển mực sang màu CMYK: mutable ink = [255, 0, 255]

  • Không biết vì sao, nhưng mỗi khi nhìn những mô phỏng vật lý độ phân giải cao hay hiệu ứng thị giác kiểu này, tôi lại cảm nhận rõ nhất có bao nhiêu xử lý đang diễn ra bên trong CPU/GPU
    Hôm nay trước đó tôi xem một video 2 phút từ góc nhìn buồng lái máy bay, trong đó người ta tuyên bố tình huống khẩn cấp rồi tiến vào đường băng sân bay; phải đến đoạn cuối tôi mới nhận ra đó không phải video thật mà là simulator hoặc video game. Vậy mà việc nhìn các màu sắc xoáy cuộn trên màn hình vẫn gây ấn tượng mạnh hơn với tôi. Kỳ lạ thật

  • Trong các triển khai cũ, tôi luôn có cảm tình với phiên bản này. Ở độ phân giải thấp nó có mỹ cảm kiểu cyberpunk netrunner, còn ở độ phân giải cao thì gần như mang cảm giác bóng ma siêu nhiên: https://haxiomic.github.io/projects/webgl-fluid-and-particle...

    • Thú vị là trong một bình luận năm 2020, tác giả của dự án đó cũng nhắc đến dự án này. Tôi luôn tò mò không biết hai cái liên hệ với nhau như thế nào, hay chỉ là cùng áp dụng độc lập một tiền đề giống nhau: https://news.ycombinator.com/item?id=24065857
    • Tôi thích để chất lượng UltraHigh với số vòng lặp solver là 1 rồi nghịch. Nó gợi cảm giác khi nấu ăn, từ từ trộn một nguyên liệu vào nguyên liệu khác, chẳng hạn như trộn bột mì vào trứng khi làm pasta

  • Có ai biết thêm ví dụ mô phỏng nước bằng WebGL không? Tôi đang tìm cách triển khai sóng có bọt
    Tôi thích demo Pool của Evan
    https://madebyevan.com/webgl-water/

    • Tôi từng đọc ở đâu đó rằng cái đó không hẳn là mô phỏng, mà giống một mẹo thông minh để làm cho nó trông như nước, hồ bơi và các vật thể trong đó

  • Nếu bạn quan tâm đến rendering chất lỏng, Sebastian Lague gần đây có làm một video liên quan: https://www.youtube.com/watch?v=kOkfC5fLfgE

    • Các video của Lague luôn đáng kinh ngạc và truyền cảm hứng. Rất khuyến nghị cho ai quan tâm đến lĩnh vực này

  • oimo.io cũng có vài mô phỏng chất lỏng WebGL được nhắc trong thread này
    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/

  • Cái này có vẻ thực sự phát HDR trên iPhone 15 Pro của tôi. Không có nhiều trường hợp như vậy, nên màn hình trông sống động hơn hẳn
    Thật sự rất ngầu

    • Nhìn đẹp và rất mượt, nhưng gói đăng ký ứng dụng động lực học chất lỏng ư, thật sao?

  • Lần đầu tiên tôi thật sự biết ơn màn hình cảm ứng trên laptop

  • Làm tôi nhớ đến Plasma Pong
    Nếu triển khai một phiên bản online miễn phí thì chắc sẽ là chuyện rất đáng tiếc nhỉ ;)

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