WebGL Fluid Simulation तकनीक

 (paveldogreat.github.io)
2 पॉइंट द्वारा GN⁺ 2024-12-30 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • ब्राउज़र में सीधे चलने वाला fluid simulation app, जिसमें यूज़र rendering quality और physics calculation से जुड़े मान समायोजित कर सकते हैं
  • quality और sim resolution के आधार पर density diffusion, velocity diffusion, pressure, vorticity, splat radius जैसे simulation parameters बदले जा सकते हैं
  • visual effects को shading, colorful, Bloom, Sunrays में बाँटा गया है, और Bloom तथा Sunrays के लिए अलग विस्तृत मान उपलब्ध हैं
  • execution flow को paused और Random splats से नियंत्रित किया जा सकता है, जबकि Capture सेक्शन में background color, transparent background और screenshot को संभाला जाता है
  • Github, Twitter, Discord, mobile app जाँचने के विकल्प भी साथ में दिए गए हैं, जिनसे simulation के बाहर के resources पर जाया जा सकता है

simulation समायोजन आइटम

  • WebGL Fluid Simulation पेज “Try Fluid Simulation app!” सूचना के साथ fluid simulation चलाने की स्क्रीन प्रदान करता है
  • वे मूल आइटम जिन्हें यूज़र समायोजित कर सकते हैं:
    • quality
    • sim resolution
  • simulation values निम्न आइटमों से बनी हैं:
    • density diffusion
    • velocity diffusion
    • pressure
    • vorticity
    • splat radius

execution और screen effects

  • execution से संबंधित options:
    • shading checkbox
    • colorful checkbox
    • paused checkbox
    • Random splats
  • Bloom settings:
    • enabled checkbox
    • intensity
    • threshold
  • Sunrays settings:
    • enabled checkbox
    • weight

capture और बाहरी आइटम

  • Capture settings:

    • background color

      • transparent checkbox
      • take screenshot
      • नीचे Github, Twitter, Discord, mobile app जाँचने के आइटम दिए गए हैं

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2024-12-30
Hacker News टिप्पणियाँ

  • मैंने इसे fork करके light model को additive blending से subtractive blending में उलटकर देखा, और यह अचानक पानी में घुली स्याही जैसा दिखने लगा
    https://observablehq.com/@tomlarkworthy/ink

    • जब मैंने fluid simulation बनाया था, तब मैंने भी सबसे पहले यही किया था। मैं लंबे समय तक इस बात पर काम करता रहा कि digital output में subtractive color effect, यानी pigment की समृद्धि और रोशनी के हिसाब से बदलने वाला एहसास, कैसे पाया जाए, लेकिन ज़्यादातर कोई खास नतीजा नहीं मिला। फिर भी मौका मिलते ही इसे आज़माता रहता हूँ
    • स्याही को गायब हुए बिना बनाए रखना कितना मुश्किल होगा? मैं इसे किसी drawing app में integrate करना चाहता हूँ, इसलिए कोई टिप हो तो सच में मदद मिलेगी
    • स्याही को CMYK color में बदलने पर भी विचार किया जा सकता है: mutable ink = [255, 0, 255]

  • पता नहीं क्यों, लेकिन जब भी मैं ऐसे high-resolution physics simulation या visual effects देखता हूँ, तब मुझे सबसे ज़्यादा एहसास होता है कि CPU/GPU के अंदर कितना processing चल रहा होता है
    आज मैंने पहले एक 2 मिनट का वीडियो देखा जिसमें cockpit view से emergency declare करके विमान airport runway पर उतरता दिख रहा था, और आखिर में जाकर समझ आया कि वह असली फुटेज नहीं बल्कि simulator या video game था। फिर भी स्क्रीन पर घूमते हुए रंगों को देखना अब भी मुझ पर ज़्यादा असर डालता है। अजीब है

  • पुरानी implementations में इस version से मुझे हमेशा लगाव रहा है। low resolution पर इसमें Cyberpunk Netrunner जैसी aesthetic है, और high resolution पर इसमें लगभग आध्यात्मिक, ghost-like एहसास रह जाता है: https://haxiomic.github.io/projects/webgl-fluid-and-particle...

    • दिलचस्प है कि 2020 की comments में उस project के creator ने भी इस project का ज़िक्र किया था। मैं हमेशा सोचता रहा कि दोनों किस तरह जुड़े हैं, या फिर दोनों ने एक ही premise को अलग-अलग स्वतंत्र रूप से लागू किया था: https://news.ycombinator.com/item?id=24065857
    • मुझे UltraHigh quality पर solver iterations को 1 रखकर इससे खेलना पसंद है। यह वैसा लगता है जैसे cooking में एक ingredient को दूसरे में धीरे-धीरे मिलाया जा रहा हो, जैसे pasta बनाते समय अंडे में आटा मिलाना

  • क्या किसी को WebGL में बने water simulation के और उदाहरण पता हैं? मैं foam वाली waves को implement करने का तरीका ढूँढ रहा हूँ
    मुझे Evan का Pool demo पसंद है
    https://madebyevan.com/webgl-water/

    • मैंने कहीं पढ़ा था कि वह simulation नहीं है, बल्कि clever tricks के ज़्यादा करीब है जो उसे पानी, swimming pool और उसके भीतर की objects जैसा दिखाते हैं

  • अगर आपको fluid rendering में दिलचस्पी है, तो Sebastian Lague ने हाल ही में इस पर एक वीडियो बनाया है: https://www.youtube.com/watch?v=kOkfC5fLfgE

    • Lague के वीडियो लगातार हैरान करते हैं और प्रेरणा देते हैं। इस क्षेत्र में रुचि रखने वाले किसी भी व्यक्ति को मैं ज़ोरदार सिफारिश करूँगा

  • oimo.io पर भी इस thread में आए WebGL fluid simulations में से कुछ हैं
    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/

  • लगता है कि यह सचमुच मेरे iPhone 15 Pro पर HDR output दे रहा है। ऐसा अक्सर नहीं होता, इसलिए स्क्रीन बहुत ज़्यादा जीवंत लगती है
    वाकई शानदार

    • देखने में अच्छा है और बहुत smooth भी, लेकिन fluid dynamics app subscription? सच में?

  • पहली बार मुझे अपने laptop touchscreen के लिए सच में आभार महसूस हो रहा है

  • इससे Plasma Pong याद आ गया
    इसका free online version बनाना तो बड़ा दुखद काम होगा ;)

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