TSL: Introduce viewportSafeUV() (#1163)

* TSL: Introduce viewportSafeUV() * Update three.js * Add examples * Update * Update patch and delete examples * Format
three-types · Aug 22, 2024 · 798097a · 798097a
1 parent fdf82ad
commit 798097a
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 12 deletions.
diff --git a/examples-testing/changes.patch b/examples-testing/changes.patch
@@ -15125,13 +15125,13 @@ index d4228f90..191b58f2 100644
  init();
  render();
 diff --git a/examples-testing/examples/webgpu_refraction.ts b/examples-testing/examples/webgpu_refraction.ts
-index dc018c6d..6c7faf4d 100644
+index bf36d911..0e77df7c 100644
 --- a/examples-testing/examples/webgpu_refraction.ts
 +++ b/examples-testing/examples/webgpu_refraction.ts
 @@ -1,13 +1,13 @@
 -import * as THREE from 'three';
 +import * as THREE from 'three/webgpu';
- import { viewportSharedTexture, texture, uv } from 'three/tsl';
+ import { viewportSafeUV, viewportSharedTexture, viewportTopLeft, texture, uv } from 'three/tsl';
 
  import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 
@@ -15146,15 +15146,6 @@ index dc018c6d..6c7faf4d 100644
 
  init();
 
-@@ -40,7 +40,7 @@ function init() {
-
-     const verticalNormalScale = 0.1;
-     const verticalUVOffset = texture(floorNormal, uv().mul(5)).xy.mul(2).sub(1).mul(verticalNormalScale);
--    verticalRefractor.uvNode = verticalRefractor.uvNode.add(verticalUVOffset);
-+    verticalRefractor.uvNode = verticalRefractor.uvNode!.add(verticalUVOffset);
-
-     const planeGeo = new THREE.PlaneGeometry(100.1, 100.1);
-
 diff --git a/examples-testing/examples/webgpu_sky.ts b/examples-testing/examples/webgpu_sky.ts
 index 60af1c2d..1b7a8906 100644
 --- a/examples-testing/examples/webgpu_sky.ts

diff --git a/examples-testing/index.js b/examples-testing/index.js
@@ -110,6 +110,7 @@ const exceptionList = [
     'webgpu_tsl_procedural_terrain',
     'webgpu_tsl_raging_sea',
     'webgpu_tsl_transpiler',
+    'webgpu_tsl_vfx_tornado',
     'webgpu_volume_cloud',
     'webgpu_volume_perlin',
     'webxr_vr_handinput_cubes',

diff --git a/three.js b/three.js
diff --git a/types/three/src/nodes/Nodes.d.ts b/types/three/src/nodes/Nodes.d.ts
@@ -205,6 +205,7 @@ export {
     triplanarTextures,
 } from "./utils/TriplanarTexturesNode.js";
 export * from "./utils/UVUtils.js";
+export * from "./utils/ViewportUtils.js";
 
 // shader node
 export * from "./shadernode/ShaderNode.js";

diff --git a/types/three/src/nodes/utils/ViewportUtils.d.ts b/types/three/src/nodes/utils/ViewportUtils.d.ts
@@ -0,0 +1,4 @@
+import Node from "../core/Node.js";
+import { NodeRepresentation, ShaderNodeObject } from "../shadernode/ShaderNode.js";
+
+export const viewportSafeUV: (uv?: NodeRepresentation | null) => ShaderNodeObject<Node>;