WebGPURenderer: StorageBufferNode Support reading external elements in the WebGL Backend

examples-testing/index.js

@@ -380,6 +380,7 @@ const files = {
         // 'webgpu_mirror',
         // 'webgpu_multisampled_renderbuffers',
         'webgpu_materials_texture_anisotropy',
+        // 'webgpu_storage_buffer',
     ],
     webaudio: ['webaudio_orientation', 'webaudio_sandbox', 'webaudio_timing', 'webaudio_visualizer'],
     webxr: [

types/three/examples/jsm/nodes/Nodes.d.ts

@@ -273,7 +273,7 @@ export {
 export { default as ReferenceNode, reference } from "./accessors/ReferenceNode.js";
 export { default as ReflectVectorNode, reflectVector } from "./accessors/ReflectVectorNode.js";
 export { default as SkinningNode, skinning } from "./accessors/SkinningNode.js";
-export { default as StorageBufferNode, storage } from "./accessors/StorageBufferNode.js";
+export { default as StorageBufferNode, storage, storageObject } from "./accessors/StorageBufferNode.js";
 export {
     default as TangentNode,
     tangentGeometry,

types/three/examples/jsm/nodes/accessors/StorageBufferNode.d.ts

@@ -4,13 +4,23 @@ import StorageArrayElementNode from "../utils/StoargeArrayElementNode.js";
 import BufferNode from "./BufferNode.js";
 
 export default class StorageBufferNode extends BufferNode {
+    readonly isStorageBufferNode: true;
+    bufferObject: boolean;
+
     constructor(value: ArrayLike<number>, bufferType: NodeTypeOption, bufferCount?: number);
 
     element(indexNode: NodeRepresentation): ShaderNodeObject<StorageArrayElementNode>;
+
+    setBufferObject(value: boolean): this;
 }
 
 export const storage: (
     value: ArrayLike<number>,
     nodeOrType: NodeOrType,
     count: number,
 ) => ShaderNodeObject<StorageBufferNode>;
+export const storageObject: (
+    value: ArrayLike<number>,
+    nodeOrType: NodeOrType,
+    count: number,
+) => ShaderNodeObject<StorageBufferNode>;