Threejs WebGL vertex shader help

Job ID: 33893507

Budget: €30 – €250 EUR

We need help with vertex shaders in our threejs app.

We want to add the control segments "Blob Noise" and "Blob Surface noise" from
https://blobmixer.14islands.com/remix

to our project:
https://codesandbox.io/s/wobbling-sphere-cont-forked-e6my2l

The source code of the blobmixer website is on github:
https://github.com/hansenconnor/blob-mixer

We have already attempted to implement the vertex shader, but we have some difficulties.
In this sandbox you can see the attempt.
https://codesandbox.io/s/sphere-deformation-shader-forked-ggldm6

The issues are:
The slider "surface frequency" does not do the same as on the repo project

The two PoleAmount Sliders dont work as expected.


Deliverables
Implement the functionality of the
"Blob Noise" and "Blob Surface noise" sliders from
https://blobmixer.14islands.com/remix
to our project:
https://codesandbox.io/s/wobbling-sphere-cont-forked-e6my2l.

You can use our implementation of the vertex shader: https://codesandbox.io/s/sphere-deformation-shader-forked-ggldm6

and fix the discussed issues.
Related categories: Three.js