◆ UI Codesempai

Line2NodeMaterial (TSL)

This is the second attempt to animate an object with this material. The first attempt was based on the idea to use vertexNode, and it failed, as the material doesn't allow to modify this node. The using of `storage` became the solution that worked. Well, partially. It works with WebGL, but throws exception with WebGPU.

Category

3D & WebGL

Tech

Three.jsWebGPU

Tags

#lines#tsl#experiment

Download

19.3 KB zip

Source code

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Line2NodeMaterial [r184] [TSL]</title>
    <link rel="stylesheet" href="./style.css">

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

  </body>
  
</html>

More in 3D & WebGL