How to create moving abstract mesh gradient background with interactivity

Now, imports look like this:

<script type="importmap">
  {
    "imports": {
      "three": "https://unpkg.com/three@0.171.0/build/three.webgpu.js",
      "three/webgpu": "https://unpkg.com/three@0.171.0/build/three.webgpu.js",
      "three/tsl": "https://unpkg.com/three@0.171.0/build/three.tsl.js",
      "three/addons/": "https://unpkg.com/three@0.171.0/examples/jsm/"
    }
  }
</script>

Some context: Builds: Introduce `three.tsl.js` by sunag · Pull Request #29948 · mrdoob/three.js · GitHub

Example of the using: https://codepen.io/prisoner849/full/RNbRNRO

6 Likes