What is the active background effect of this resource based on?

Question

User interface

Resource: www.pics.tokyo
The effect can be observed when viewing the menu or any internal page

What is it based on and implemented?

Answer 1

I'm pretty sure it's related to this script - https://www.pics.tokyo/wp-content/themes/pics/asse... . I opened it, looked - so it has its own architecture there, it pulls files from many folders, and one of the files that it pulls was like this:

precision mediump float;

uniform sampler2D velocity;
uniform sampler2D pressure;
uniform float redMax;
uniform float redMin;
uniform float redRate;
uniform float greenMax;
uniform float greenMin;
uniform float greenRate;
uniform float blueMax;
uniform float blueMin;
uniform float blueRate;
varying vec2 uv;

void main(){
    gl_FragColor = vec4(
    	//(texture2D(pressure, uv)).x,
        //(texture2D(velocity, uv) * 1.5 + 0.5).xy,

        max(redMax - texture2D(velocity, uv).x * redRate, redMin),
        max(greenMax - texture2D(velocity, uv).y * greenRate, greenMin),
        max(blueMax - (texture2D(pressure, uv)).x * blueRate, blueMin),
    1.0);
}

I did not rummage through the rest, I think this is the case in this script called Liquid, in the /liquid/ folder there are several folders and in each similar files that this main script pulls.
The answer to the question is a certain Js-framework.

Answer 2

This is canvas