나는 현재 바다를 위에서 내려다 본 게임을 구현하고 있습니다. 나는 약간의 추상적 인 질감을 사용합니다.

실제 질감은 투명하고 명확성을 위해 녹색과 같은 색상을 추가했습니다.

내가 가진 문제는 물이 멋지게 보이도록이 텍스처에 애니메이션을 적용하는 방법을 모른다는 것입니다. 나는 사인파로 텍스처를 움직이려고했습니다 texture.y += sin(angle). 물론 이제는 전체 질감이 움직이며 비현실적으로 보입니다. 다음으로 시도한 것은 다른 레이어를 추가하고 시차 효과를 구현하는 것입니다. 따라서 수면 아래의 반사도 움직일 수 있지만 훨씬 느립니다. 조금 나아 보이지만 여전히 좋지는 않습니다.

개별 셀이 웹이나 헝겊 조각처럼 확장되고 축소되면 가장 잘 보이는 애니메이션이 될 것이라고 생각합니다. 누군가이 셀의 한 정점을 약간 당기면 인접한 셀이 확장되고 내가 끌어 당기는 셀이 수축한다고 상상해보십시오. 스프링스 웹과 같은 종류 (?). 그러나 나는 이런 식으로 구현하는 방법에 대한 단서가 없다.

• 이것에 대한 수학 모델은 무엇입니까? 힘이 밀거나 당기는 스프링이있는 것?
• 그렇다면이 모델을 주어진 텍스처에 어떻게 매핑합니까? 모든 곡선을 유지하고 무엇을하지 ...

(또한 주어진 텍스처에 애니메이션을 적용하는 방법에 대한 다른 아이디어 / 답변에 개방되어 있습니다. 사실주의는 여기서 핵심이 아니며 움직임처럼 멋진 물처럼 보입니다 ...)

DMGregory의 솔루션

이 게시물에 libgdx 예제를 게시했습니다 .2d 워터 애니메이션이 들쭉날쭉하고 부드럽 지 않습니다 (텍스처 필터링에 대한 답변 참조).

이 작업을 수행하는 일반적인 방법은 셰이더에서 간접 텍스처 조회를 사용하여 디스플레이 텍스처를 왜곡하는 것입니다.

여기서는 저주파 색 노이즈가있는 텍스처 (임의의 부드러운 얼룩 모양)를 사용하여 시간이 지남에 따라 디스플레이 지오메트리를 스크롤합니다.

이 텍스처에서 색상을 그리는 대신 빨강 및 녹색 채널을 빼고 0.5f시간과 공간에 따라 부드럽게 변하는 의사 난수 2D 벡터로 변환합니다.

그런 다음 주요 물 텍스처에서 샘플링하기 전에이 벡터의 작은 배수를 UV 좌표에 추가 할 수 있습니다. 이것은 우리가 읽고 표시하는 텍스처의 일부를 뒤틀어 이동시킵니다.

이 노이즈에서 두 개의 샘플을 평균화하여 반대 방향으로 스크롤하면 이동 방향을 숨길 수있어 마치 객관적인 슬로 싱처럼 보입니다.

Unity에서 셰이더는 다음과 같습니다. 선택한 셰이더 언어로 번역하기에 충분히 간단해야합니다.

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 와 같이 가성 애니메이션 프레임을 생성하는 도구가 있습니다. 내가 언급 한 도구의 프로 버전보다 훨씬 저렴하게 구입할 수있는 사전 제작품도 있습니다.

가성 효과는 일반적으로 수중 지형 또는 수중 표면에 가벼운 쿠키로 적용되는 효과입니다. 즉, 물을 내려다 보면서 물 표면에 올려 놓는 것은 일반적으로 물의 모양이 아닙니다.

보로 노이 그래프에서 생성 할 수있는 텍스처처럼 보입니다. 예 :

포인트를 움직여 그래프를 작고 부드럽게 조정할 수 있습니다. 각 프레임마다 그래프를 다시 그리면 비용이 많이 들기 때문에 애니메이션을 미리 렌더링하고 싶을 것입니다.

바닥 텍스처 레이어와 2 개의 반투명 텍스처를 포함하는 올드 스쿨 방법이 있습니다.

모든 방향으로 가고 물이 복제 된 파도 나 샘 같은 푸른 수프-흐름 맵으로 가득 차지 않게하려면 목표를 달성해야합니다.

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