ขณะนี้ฉันใช้เกมที่มีมุมมองจากบนลงล่างของมหาสมุทร ฉันใช้สิ่งต่อไปนี้เป็นพื้นผิวที่เป็นนามธรรมเล็กน้อย:

พื้นผิวที่แท้จริงมีความโปร่งใสฉันเพิ่มสีเขียวเหมือนเพื่อความชัดเจน

ปัญหาที่ฉันมีอยู่ในตอนนี้คือฉันไม่รู้ว่าจะทำให้พื้นผิวนี้เคลื่อนไหวอย่างไรดังนั้นน้ำจึงดูดี ฉันพยายามย้ายพื้นผิวด้วยคลื่นบาป: texture.y += sin(angle). แน่นอนว่าตอนนี้พื้นผิวทั้งหมดกำลังเคลื่อนไหวซึ่งดูไม่สมจริง สิ่งต่อไปที่ฉันพยายามคือเพิ่มเลเยอร์อื่นและใช้เอฟเฟกต์พารัลแลกซ์ ดังนั้นการสะท้อนกลับภายใต้ผิวน้ำก็จะเคลื่อนไหวเช่นกัน แต่ช้ากว่ามาก มันดูดีขึ้นเล็กน้อย แต่ก็ยังไม่ ... ดีพอ

ฉันคิดว่าอนิเมชั่นที่ดูดีที่สุดน่าจะเป็นถ้าแต่ละเซลล์จะขยายและหดตัวเช่นเว็บหรือผ้า ลองคิดดูว่าถ้าใครจะดึงจุดยอดหนึ่งของเซลล์เหล่านี้เล็กน้อยและเซลล์เพื่อนบ้านจะขยายตัวและเซลล์ที่ฉันดึงเข้าหา (หรือกดไปที่) จะหดตัว ชนิดของใยสปริง (?) แต่ฉันไม่มีเงื่อนงำวิธีการใช้สิ่งนี้:

• แบบจำลองคณิตศาสตร์สำหรับเรื่องนี้คืออะไร? บางสิ่งบางอย่างกับสปริงแรงผลัก / ดึงอยู่ที่ไหน
• และถ้าเป็นเช่นนั้นฉันจะแมปโมเดลนี้กับพื้นผิวที่กำหนดได้อย่างไร รักษาความโค้งทั้งหมดและสิ่งที่ไม่ ...

(ฉันยังเปิดรับความคิดที่แตกต่างกัน / คำตอบเกี่ยวกับวิธีการเคลื่อนไหวพื้นผิวที่กำหนดความสมจริงไม่ได้เป็นจุดที่นี่เพียงแค่น้ำดูดีเช่นการเคลื่อนไหว ... )

โซลูชันจาก DMGregory

ฉันโพสต์ตัวอย่าง libgdx ในโพสต์นี้: ภาพเคลื่อนไหวน้ำ 2d ขรุขระและไม่ราบรื่น (ดูคำตอบเกี่ยวกับการกรองพื้นผิว)

วิธีทั่วไปที่ทำได้คือการใช้การค้นหาพื้นผิวทางอ้อมใน shader เพื่อบิดเบือนพื้นผิวการแสดงผล:

ที่นี่ฉันใช้พื้นผิวที่มีสัญญาณรบกวนสีความถี่ต่ำ (การปูสีเรียบลื่นของสีแบบสุ่ม) และเลื่อนไปตามเรขาคณิตของจอภาพตลอดเวลา

แทนที่จะวาดสีจากพื้นผิวนี้ฉันจึงใช้ช่องสีแดงและสีเขียวและลบออก0.5fเพื่อเปลี่ยนเป็นเวกเตอร์ 2D ปลอมที่เปลี่ยนได้อย่างราบรื่นตลอดเวลาและพื้นที่

จากนั้นฉันสามารถเพิ่มเวกเตอร์นี้จำนวนน้อยลงในพิกัด UV ของฉันก่อนที่จะสุ่มตัวอย่างจากผิวน้ำหลัก สิ่งนี้จะเลื่อนส่วนของพื้นผิวที่เรากำลังอ่านและแสดงออกมาบิดดูรอบ ๆ

โดยการเฉลี่ยสองตัวอย่างจากเสียงนี้การเลื่อนไปในทิศทางตรงกันข้ามเราสามารถซ่อนทิศทางของการเคลื่อนที่ดังนั้นมันจึงดูเหมือนว่าไม่มีการเลื่อน

ใน Unity นั้น shader จะมีลักษณะเช่นนี้ - ควรง่ายพอที่จะแปลเป็นภาษา shader ที่คุณเลือก:

fixed4 frag (v2f i) : SV_Target
{               
    float2 waveUV = i.uv * _NoiseScale;
    float2 travel = _NoiseScrollVelocity * _Time.x;

    float2 uv = i.uv;
    uv += _Distortion * (tex2D(_Noise, waveUV + travel).rg - 0.5f);
    waveUV += 0.2f; // Force an offset between the two samples.
    uv += _Distortion * (tex2D(_Noise, waveUV - travel).rg - 0.5f);

    // Sample the main texture from the distorted UV coordinates.
    fixed4 col = tex2D(_MainTex, uv);

    return col;
}

สิ่งนี้เรียกว่าเอฟเฟ็กต์ที่กัดกร่อนและการสร้างเอฟเฟกต์เหล่านี้ที่รันไทม์นั้นใช้เวลาค่อนข้างนานดังนั้นจึงเป็นการทำภาพเคลื่อนไหวแบบเฟรมต่อเฟรม มีเครื่องมือที่จะสร้างเฟรมแอนิเมชันสำหรับคุณเช่นCaustics Generatorซึ่งมีเวอร์ชันฟรีสำหรับการใช้ที่ไม่ใช่เชิงพาณิชย์ นอกจากนี้ยังมีบางอย่างที่ทำไว้ล่วงหน้าที่คุณสามารถซื้อในราคาที่ถูกกว่ารุ่นเครื่องมือที่ฉันกล่าวถึงอย่างมาก

โปรดทราบว่าโดยปกติแล้วเอฟเฟกต์การกัดกร่อนจะใช้เอฟเฟกต์เป็นคุกกี้แสงบนภูมิประเทศใต้น้ำหรือบนพื้นผิวใต้น้ำ นั่นคือการวางไว้บนพื้นผิวของน้ำในขณะที่มองลงไปไม่ปกติน้ำที่มีลักษณะ

ดูเหมือนว่าพื้นผิวที่คุณสามารถสร้างจากกราฟ voronoi เช่น:

คุณสามารถทำการปรับกราฟขนาดเล็กและเรียบโดยการเลื่อนจุด การวาดกราฟใหม่แต่ละเฟรมจะค่อนข้างแพงดังนั้นคุณอาจต้องการแสดงภาพเคลื่อนไหวล่วงหน้า

มีวิธีการแบบเก่าที่เกี่ยวข้องกับชั้นพื้นผิวด้านล่างและพื้นผิวโปร่งใสสองครึ่งสำหรับการสะท้อนที่ด้านบน

หากคุณต้องการไปตลอดทางและต้องการให้น้ำดูไม่เต็มไปด้วยคลื่นโคลนหรือซุปบลูสีน้ำเงินแบบสามมิตินั่นคือเป้าหมาย

https://steamcdn-a.akamaihd.net/apps/valve/2010/siggraph2010_vlachos_waterflow.pdf