Tôi hiện đang thực hiện một trò chơi với góc nhìn từ trên xuống của đại dương. Tôi sử dụng như sau, một kết cấu trừu tượng nhỏ:

Kết cấu thực tế là trong suốt, tôi đã thêm màu xanh lục cho rõ ràng.

Vấn đề bây giờ tôi gặp phải là, tôi không biết cách làm sống động kết cấu này để nước trông đẹp. Tôi đã cố gắng di chuyển kết cấu với một làn sóng tội lỗi : texture.y += sin(angle). Tất nhiên bây giờ toàn bộ kết cấu đang di chuyển trông có vẻ không thực tế. Điều tiếp theo tôi đã thử là thêm một lớp khác và thực hiện hiệu ứng thị sai. Vì vậy, những phản xạ dưới mặt nước cũng sẽ di chuyển, nhưng chậm hơn nhiều. Nó trông tốt hơn một chút nhưng vẫn không ... đủ đẹp.

Tôi nghĩ rằng hình ảnh động đẹp nhất sẽ là, nếu các ô riêng lẻ sẽ mở rộng và co lại, giống như một trang web hoặc một mảnh vải. Hãy tưởng tượng nếu ai đó kéo nhẹ ở một đỉnh của các ô này và ô lân cận sẽ mở rộng và ô tôi kéo về (hoặc đẩy tới) sẽ co lại. Kiểu như một mạng lưới lò xo (?). Nhưng tôi không biết làm thế nào để thực hiện một cái gì đó như thế này:

• Mô hình toán học cho cái này là gì? Một cái gì đó với lò xo, nơi lực đẩy / kéo?
• Và nếu vậy, làm thế nào để tôi ánh xạ mô hình này với kết cấu đã cho? Giữ tất cả các đường cong và những gì không ...

(Tôi cũng mở ra cho những ý tưởng / câu trả lời khác nhau về cách làm động các kết cấu đã cho. Chủ nghĩa hiện thực không phải là vấn đề ở đây, chỉ là một số nước trông đẹp như chuyển động ...)

Giải pháp từ DMGregory

Tôi đã đăng một ví dụ libgdx trong bài đăng này: Hoạt hình nước 2d bị lởm chởm và không mượt mà (xem câu trả lời về lọc kết cấu)

Một cách phổ biến được thực hiện là sử dụng tra cứu kết cấu gián tiếp trong trình đổ bóng để làm biến dạng kết cấu hiển thị:

Ở đây tôi đang sử dụng một kết cấu với một số nhiễu màu tần số thấp (xếp các đốm màu mịn của các màu ngẫu nhiên) và cuộn nó qua hình dạng hiển thị theo thời gian.

Thay vì vẽ các màu từ kết cấu này, thay vào đó tôi lấy các kênh màu đỏ và màu xanh lá cây và trừ đi 0.5fđể biến chúng thành một vectơ 2D giả ngẫu nhiên thay đổi trơn tru theo thời gian và không gian.

Sau đó tôi có thể thêm một bội nhỏ của vectơ này vào tọa độ UV của mình, trước khi lấy mẫu từ kết cấu nước chính. Điều này làm thay đổi một phần của kết cấu mà chúng ta đang đọc và hiển thị, làm cong nó xung quanh.

Bằng cách lấy trung bình hai mẫu từ tiếng ồn này, cuộn theo các hướng ngược nhau, chúng ta có thể ẩn hướng chuyển động để nó trông giống như trượt vô chủ.

Trong Unity, shader sẽ trông như thế này - nó đủ đơn giản để dịch sang ngôn ngữ shader mà bạn chọn:

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;
}

Đây được gọi là hiệu ứng ăn da và việc tạo ra các hiệu ứng này trong thời gian chạy khá tốn thời gian, do đó, điều này thường được thực hiện với hoạt ảnh theo từng khung hình được kết xuất trước. Có những công cụ sẽ tạo ra khung hoạt hình caustic cho bạn, chẳng hạn như Caustics Generator , có phiên bản miễn phí cho mục đích phi thương mại. Ngoài ra còn có một số cái được làm sẵn mà bạn có thể mua với giá rẻ hơn đáng kể so với phiên bản pro của công cụ tôi đã đề cập.

Lưu ý rằng hiệu ứng ăn da cũng thường là một hiệu ứng được áp dụng như một cookie nhẹ trên địa hình dưới nước hoặc trên bề mặt dưới nước. Đó là, đặt nó trên bề mặt nước trong khi nhìn xuống nó thường không giống như nước.

Đây trông giống như một kết cấu bạn có thể tạo từ biểu đồ voronoi, ví dụ:

Bạn có thể thực hiện các điều chỉnh nhỏ, trơn tru cho biểu đồ bằng cách di chuyển các điểm; vẽ lại biểu đồ mỗi khung hình sẽ khá tốn kém, vì vậy bạn có thể muốn kết xuất lại hoạt hình.

Có một phương pháp oldschool, bao gồm một lớp kết cấu dưới cùng, và hai nửa kết cấu trong suốt để phản chiếu trên đầu.

Nếu bạn muốn đi tất cả các con đường và muốn nước trông không đầy sóng vô tính hoặc súp màu xanh da trời là những mục tiêu phải đạt được.

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