Как сделать изгибы картинки показанные на фото на webgl?

Question

[Georgia63636]

ссылка на песочницу. https://06pr6.csb.app/ Вопрос в чем, как сделать чтобы отмеченные на скриншоте части сетки выходили влево, вправо. Что нужно добавить? Я немного не понимаю этого пока что, можете привести пример.
Как на этом скрине чтобы некие волны сетки

Answer 1

[RAX7]

По разному можно это сделать, например так: https://361es.csb.app/

Comments

[Georgia63636]

можете ли сказать что именно вы редактировали, или заскринить? то что нужно!

[RAX7]

Georgia63636, я правил только вершинный шейдер src/gl/glsl/vertex.glsl. Закоментил одну строку и добавил еще три.

// pos.z += snoise(noisePos) * noiseAmp;
  float n = snoise(vec3(pos.y + uTime * 0.5, 0, 0));
  float f = cos(uv.y - abs(n * 0.5) * 3.1415) * (1.0 - uv.y);
  pos.x += noiseAmp * f * n;