three-stdlib 2.22.4 → 2.22.6

package/renderers/webgpu/WebGPURenderPipelines.js

@@ -1,671 +0,0 @@
-import { GPUInputStepMode, OneMinusBlendColorFactor, BlendColorFactor, GPUColorWriteFlags, GPUPrimitiveTopology, GPUStencilOperation, GPUVertexFormat, GPUIndexFormat, GPUBlendFactor, GPUBlendOperation, GPUTextureFormat, GPUCompareFunction, GPUFrontFace, GPUCullMode } from './constants.js';
-import { NoBlending, CustomBlending, MultiplyBlending, SubtractiveBlending, AdditiveBlending, NormalBlending, SrcAlphaSaturateFactor, OneMinusDstAlphaFactor, DstAlphaFactor, OneMinusDstColorFactor, DstColorFactor, OneMinusSrcAlphaFactor, SrcAlphaFactor, OneMinusSrcColorFactor, SrcColorFactor, OneFactor, ZeroFactor, MaxEquation, MinEquation, ReverseSubtractEquation, SubtractEquation, AddEquation, NotEqualDepth, GreaterDepth, GreaterEqualDepth, EqualDepth, LessEqualDepth, LessDepth, AlwaysDepth, NeverDepth, DoubleSide, BackSide, FrontSide, NotEqualStencilFunc, GreaterStencilFunc, GreaterEqualStencilFunc, EqualStencilFunc, LessEqualStencilFunc, LessStencilFunc, AlwaysStencilFunc, NeverStencilFunc, DecrementWrapStencilOp, IncrementWrapStencilOp, DecrementStencilOp, IncrementStencilOp, InvertStencilOp, ReplaceStencilOp, ZeroStencilOp, KeepStencilOp } from 'three';
-
-class WebGPURenderPipelines {
-  constructor(renderer, properties, device, glslang, sampleCount, nodes) {
-    this.renderer = renderer;
-    this.properties = properties;
-    this.device = device;
-    this.glslang = glslang;
-    this.sampleCount = sampleCount;
-    this.nodes = nodes;
-    this.pipelines = new WeakMap();
-    this.shaderAttributes = new WeakMap();
-    this.shaderModules = {
-      vertex: new Map(),
-      fragment: new Map()
-    };
-  }
-
-  get(object) {
-    // @TODO: Avoid a 1:1 relationship between pipelines and objects. It's necessary
-    // to check various conditions in order to request an appropriate pipeline.
-    //
-    // - material's version and node configuration
-    // - environment map (material)
-    // - fog and environment (scene)
-    // - output encoding (renderer)
-    // - light state
-    // - clipping planes
-    //
-    // The renderer needs to manage multiple pipelines per object so
-    // GPUDevice.createRenderPipeline() is only called when no pipeline exists for the
-    // current configuration.
-    let pipeline = this.pipelines.get(object);
-
-    if (pipeline === undefined) {
-      const device = this.device;
-      const properties = this.properties;
-      const material = object.material; // get shader
-
-      const nodeBuilder = this.nodes.get(material); // shader modules
-
-      const glslang = this.glslang;
-      let moduleVertex = this.shaderModules.vertex.get(nodeBuilder.vertexShader);
-
-      if (moduleVertex === undefined) {
-        const byteCodeVertex = glslang.compileGLSL(nodeBuilder.vertexShader, 'vertex');
-        moduleVertex = {
-          module: device.createShaderModule({
-            code: byteCodeVertex
-          }),
-          entryPoint: 'main'
-        };
-        this.shaderModules.vertex.set(nodeBuilder.vertexShader, moduleVertex);
-      }
-
-      let moduleFragment = this.shaderModules.fragment.get(nodeBuilder.fragmentShader);
-
-      if (moduleFragment === undefined) {
-        const byteCodeFragment = glslang.compileGLSL(nodeBuilder.fragmentShader, 'fragment');
-        moduleFragment = {
-          module: device.createShaderModule({
-            code: byteCodeFragment
-          }),
-          entryPoint: 'main'
-        };
-        this.shaderModules.fragment.set(nodeBuilder.fragmentShader, moduleFragment);
-      } // dispose material
-
-
-      const materialProperties = properties.get(material);
-
-      if (materialProperties.disposeCallback === undefined) {
-        const disposeCallback = onMaterialDispose.bind(this);
-        materialProperties.disposeCallback = disposeCallback;
-        material.addEventListener('dispose', disposeCallback);
-      } // determine shader attributes
-
-
-      const shaderAttributes = this._parseShaderAttributes(nodeBuilder.vertexShader); // vertex buffers
-
-
-      const vertexBuffers = [];
-      const geometry = object.geometry;
-
-      for (let attribute of shaderAttributes) {
-        const name = attribute.name;
-        const geometryAttribute = geometry.getAttribute(name);
-        const stepMode = geometryAttribute !== undefined && geometryAttribute.isInstancedBufferAttribute ? GPUInputStepMode.Instance : GPUInputStepMode.Vertex;
-        vertexBuffers.push({
-          arrayStride: attribute.arrayStride,
-          attributes: [{
-            shaderLocation: attribute.slot,
-            offset: 0,
-            format: attribute.format
-          }],
-          stepMode: stepMode
-        });
-      } //
-
-
-      let indexFormat;
-
-      if (object.isLine) {
-        const count = geometry.index ? geometry.index.count : geometry.attributes.position.count;
-        indexFormat = count > 65535 ? GPUIndexFormat.Uint32 : GPUIndexFormat.Uint16; // define data type for primitive restart value
-      } //
-
-
-      let alphaBlend = {};
-      let colorBlend = {};
-
-      if (material.transparent === true && material.blending !== NoBlending) {
-        alphaBlend = this._getAlphaBlend(material);
-        colorBlend = this._getColorBlend(material);
-      } //
-
-
-      let stencilFront = {};
-
-      if (material.stencilWrite === true) {
-        stencilFront = {
-          compare: this._getStencilCompare(material),
-          failOp: this._getStencilOperation(material.stencilFail),
-          depthFailOp: this._getStencilOperation(material.stencilZFail),
-          passOp: this._getStencilOperation(material.stencilZPass)
-        };
-      } // pipeline
-
-
-      const primitiveTopology = this._getPrimitiveTopology(object);
-
-      const rasterizationState = this._getRasterizationStateDescriptor(material);
-
-      const colorWriteMask = this._getColorWriteMask(material);
-
-      const depthCompare = this._getDepthCompare(material);
-
-      const colorFormat = this._getColorFormat(this.renderer);
-
-      const depthStencilFormat = this._getDepthStencilFormat(this.renderer);
-
-      pipeline = device.createRenderPipeline({
-        vertexStage: moduleVertex,
-        fragmentStage: moduleFragment,
-        primitiveTopology: primitiveTopology,
-        rasterizationState: rasterizationState,
-        colorStates: [{
-          format: colorFormat,
-          alphaBlend: alphaBlend,
-          colorBlend: colorBlend,
-          writeMask: colorWriteMask
-        }],
-        depthStencilState: {
-          format: depthStencilFormat,
-          depthWriteEnabled: material.depthWrite,
-          depthCompare: depthCompare,
-          stencilFront: stencilFront,
-          stencilBack: {},
-          // three.js does not provide an API to configure the back function (gl.stencilFuncSeparate() was never used)
-          stencilReadMask: material.stencilFuncMask,
-          stencilWriteMask: material.stencilWriteMask
-        },
-        vertexState: {
-          indexFormat: indexFormat,
-          vertexBuffers: vertexBuffers
-        },
-        sampleCount: this.sampleCount
-      });
-      this.pipelines.set(object, pipeline);
-      this.shaderAttributes.set(pipeline, shaderAttributes);
-    }
-
-    return pipeline;
-  }
-
-  getShaderAttributes(pipeline) {
-    return this.shaderAttributes.get(pipeline);
-  }
-
-  dispose() {
-    this.pipelines = new WeakMap();
-    this.shaderAttributes = new WeakMap();
-    this.shaderModules = {
-      vertex: new Map(),
-      fragment: new Map()
-    };
-  }
-
-  _getArrayStride(type) {
-    // @TODO: This code is GLSL specific. We need to update when we switch to WGSL.
-    if (type === 'float') return 4;
-    if (type === 'vec2') return 8;
-    if (type === 'vec3') return 12;
-    if (type === 'vec4') return 16;
-    if (type === 'int') return 4;
-    if (type === 'ivec2') return 8;
-    if (type === 'ivec3') return 12;
-    if (type === 'ivec4') return 16;
-    if (type === 'uint') return 4;
-    if (type === 'uvec2') return 8;
-    if (type === 'uvec3') return 12;
-    if (type === 'uvec4') return 16;
-    console.error('THREE.WebGPURenderer: Shader variable type not supported yet.', type);
-  }
-
-  _getAlphaBlend(material) {
-    const blending = material.blending;
-    const premultipliedAlpha = material.premultipliedAlpha;
-    let alphaBlend = undefined;
-
-    switch (blending) {
-      case NormalBlending:
-        if (premultipliedAlpha === false) {
-          alphaBlend = {
-            srcFactor: GPUBlendFactor.One,
-            dstFactor: GPUBlendFactor.OneMinusSrcAlpha,
-            operation: GPUBlendOperation.Add
-          };
-        }
-
-        break;
-
-      case AdditiveBlending:
-        // no alphaBlend settings
-        break;
-
-      case SubtractiveBlending:
-        if (premultipliedAlpha === true) {
-          alphaBlend = {
-            srcFactor: GPUBlendFactor.OneMinusSrcColor,
-            dstFactor: GPUBlendFactor.OneMinusSrcAlpha,
-            operation: GPUBlendOperation.Add
-          };
-        }
-
-        break;
-
-      case MultiplyBlending:
-        if (premultipliedAlpha === true) {
-          alphaBlend = {
-            srcFactor: GPUBlendFactor.Zero,
-            dstFactor: GPUBlendFactor.SrcAlpha,
-            operation: GPUBlendOperation.Add
-          };
-        }
-
-        break;
-
-      case CustomBlending:
-        const blendSrcAlpha = material.blendSrcAlpha;
-        const blendDstAlpha = material.blendDstAlpha;
-        const blendEquationAlpha = material.blendEquationAlpha;
-
-        if (blendSrcAlpha !== null && blendDstAlpha !== null && blendEquationAlpha !== null) {
-          alphaBlend = {
-            srcFactor: this._getBlendFactor(blendSrcAlpha),
-            dstFactor: this._getBlendFactor(blendDstAlpha),
-            operation: this._getBlendOperation(blendEquationAlpha)
-          };
-        }
-
-        break;
-
-      default:
-        console.error('THREE.WebGPURenderer: Blending not supported.', blending);
-    }
-
-    return alphaBlend;
-  }
-
-  _getBlendFactor(blend) {
-    let blendFactor;
-
-    switch (blend) {
-      case ZeroFactor:
-        blendFactor = GPUBlendFactor.Zero;
-        break;
-
-      case OneFactor:
-        blendFactor = GPUBlendFactor.One;
-        break;
-
-      case SrcColorFactor:
-        blendFactor = GPUBlendFactor.SrcColor;
-        break;
-
-      case OneMinusSrcColorFactor:
-        blendFactor = GPUBlendFactor.OneMinusSrcColor;
-        break;
-
-      case SrcAlphaFactor:
-        blendFactor = GPUBlendFactor.SrcAlpha;
-        break;
-
-      case OneMinusSrcAlphaFactor:
-        blendFactor = GPUBlendFactor.OneMinusSrcAlpha;
-        break;
-
-      case DstColorFactor:
-        blendFactor = GPUBlendFactor.DstColor;
-        break;
-
-      case OneMinusDstColorFactor:
-        blendFactor = GPUBlendFactor.OneMinusDstColor;
-        break;
-
-      case DstAlphaFactor:
-        blendFactor = GPUBlendFactor.DstAlpha;
-        break;
-
-      case OneMinusDstAlphaFactor:
-        blendFactor = GPUBlendFactor.OneMinusDstAlpha;
-        break;
-
-      case SrcAlphaSaturateFactor:
-        blendFactor = GPUBlendFactor.SrcAlphaSaturated;
-        break;
-
-      case BlendColorFactor:
-        blendFactor = GPUBlendFactor.BlendColor;
-        break;
-
-      case OneMinusBlendColorFactor:
-        blendFactor = GPUBlendFactor.OneMinusBlendColor;
-        break;
-
-      default:
-        console.error('THREE.WebGPURenderer: Blend factor not supported.', blend);
-    }
-
-    return blendFactor;
-  }
-
-  _getBlendOperation(blendEquation) {
-    let blendOperation;
-
-    switch (blendEquation) {
-      case AddEquation:
-        blendOperation = GPUBlendOperation.Add;
-        break;
-
-      case SubtractEquation:
-        blendOperation = GPUBlendOperation.Subtract;
-        break;
-
-      case ReverseSubtractEquation:
-        blendOperation = GPUBlendOperation.ReverseSubtract;
-        break;
-
-      case MinEquation:
-        blendOperation = GPUBlendOperation.Min;
-        break;
-
-      case MaxEquation:
-        blendOperation = GPUBlendOperation.Max;
-        break;
-
-      default:
-        console.error('THREE.WebGPURenderer: Blend equation not supported.', blendEquation);
-    }
-
-    return blendOperation;
-  }
-
-  _getColorBlend(material) {
-    const blending = material.blending;
-    const premultipliedAlpha = material.premultipliedAlpha;
-    const colorBlend = {
-      srcFactor: null,
-      dstFactor: null,
-      operation: null
-    };
-
-    switch (blending) {
-      case NormalBlending:
-        colorBlend.srcFactor = premultipliedAlpha === true ? GPUBlendFactor.One : GPUBlendFactor.SrcAlpha;
-        colorBlend.dstFactor = GPUBlendFactor.OneMinusSrcAlpha;
-        colorBlend.operation = GPUBlendOperation.Add;
-        break;
-
-      case AdditiveBlending:
-        colorBlend.srcFactor = premultipliedAlpha === true ? GPUBlendFactor.One : GPUBlendFactor.SrcAlpha;
-        colorBlend.operation = GPUBlendOperation.Add;
-        break;
-
-      case SubtractiveBlending:
-        colorBlend.srcFactor = GPUBlendFactor.Zero;
-        colorBlend.dstFactor = premultipliedAlpha === true ? GPUBlendFactor.Zero : GPUBlendFactor.OneMinusSrcColor;
-        colorBlend.operation = GPUBlendOperation.Add;
-        break;
-
-      case MultiplyBlending:
-        colorBlend.srcFactor = GPUBlendFactor.Zero;
-        colorBlend.dstFactor = GPUBlendFactor.SrcColor;
-        colorBlend.operation = GPUBlendOperation.Add;
-        break;
-
-      case CustomBlending:
-        colorBlend.srcFactor = this._getBlendFactor(material.blendSrc);
-        colorBlend.dstFactor = this._getBlendFactor(material.blendDst);
-        colorBlend.operation = this._getBlendOperation(material.blendEquation);
-        break;
-
-      default:
-        console.error('THREE.WebGPURenderer: Blending not supported.', blending);
-    }
-
-    return colorBlend;
-  }
-
-  _getColorFormat(renderer) {
-    let format;
-    const renderTarget = renderer.getRenderTarget();
-
-    if (renderTarget !== null) {
-      const renderTargetProperties = this.properties.get(renderTarget);
-      format = renderTargetProperties.colorTextureFormat;
-    } else {
-      format = GPUTextureFormat.BRGA8Unorm; // default swap chain format
-    }
-
-    return format;
-  }
-
-  _getColorWriteMask(material) {
-    return material.colorWrite === true ? GPUColorWriteFlags.All : GPUColorWriteFlags.None;
-  }
-
-  _getDepthCompare(material) {
-    let depthCompare;
-
-    if (material.depthTest === false) {
-      depthCompare = GPUCompareFunction.Always;
-    } else {
-      const depthFunc = material.depthFunc;
-
-      switch (depthFunc) {
-        case NeverDepth:
-          depthCompare = GPUCompareFunction.Never;
-          break;
-
-        case AlwaysDepth:
-          depthCompare = GPUCompareFunction.Always;
-          break;
-
-        case LessDepth:
-          depthCompare = GPUCompareFunction.Less;
-          break;
-
-        case LessEqualDepth:
-          depthCompare = GPUCompareFunction.LessEqual;
-          break;
-
-        case EqualDepth:
-          depthCompare = GPUCompareFunction.Equal;
-          break;
-
-        case GreaterEqualDepth:
-          depthCompare = GPUCompareFunction.GreaterEqual;
-          break;
-
-        case GreaterDepth:
-          depthCompare = GPUCompareFunction.Greater;
-          break;
-
-        case NotEqualDepth:
-          depthCompare = GPUCompareFunction.NotEqual;
-          break;
-
-        default:
-          console.error('THREE.WebGPURenderer: Invalid depth function.', depthFunc);
-      }
-    }
-
-    return depthCompare;
-  }
-
-  _getDepthStencilFormat(renderer) {
-    let format;
-    const renderTarget = renderer.getRenderTarget();
-
-    if (renderTarget !== null) {
-      const renderTargetProperties = this.properties.get(renderTarget);
-      format = renderTargetProperties.depthTextureFormat;
-    } else {
-      format = GPUTextureFormat.Depth24PlusStencil8;
-    }
-
-    return format;
-  }
-
-  _getPrimitiveTopology(object) {
-    if (object.isMesh) return GPUPrimitiveTopology.TriangleList;else if (object.isPoints) return GPUPrimitiveTopology.PointList;else if (object.isLine) return GPUPrimitiveTopology.LineStrip;else if (object.isLineSegments) return GPUPrimitiveTopology.LineList;
-  }
-
-  _getRasterizationStateDescriptor(material) {
-    const descriptor = {};
-
-    switch (material.side) {
-      case FrontSide:
-        descriptor.frontFace = GPUFrontFace.CCW;
-        descriptor.cullMode = GPUCullMode.Back;
-        break;
-
-      case BackSide:
-        descriptor.frontFace = GPUFrontFace.CW;
-        descriptor.cullMode = GPUCullMode.Back;
-        break;
-
-      case DoubleSide:
-        descriptor.frontFace = GPUFrontFace.CCW;
-        descriptor.cullMode = GPUCullMode.None;
-        break;
-
-      default:
-        console.error('THREE.WebGPURenderer: Unknown Material.side value.', material.side);
-        break;
-    }
-
-    return descriptor;
-  }
-
-  _getStencilCompare(material) {
-    let stencilCompare;
-    const stencilFunc = material.stencilFunc;
-
-    switch (stencilFunc) {
-      case NeverStencilFunc:
-        stencilCompare = GPUCompareFunction.Never;
-        break;
-
-      case AlwaysStencilFunc:
-        stencilCompare = GPUCompareFunction.Always;
-        break;
-
-      case LessStencilFunc:
-        stencilCompare = GPUCompareFunction.Less;
-        break;
-
-      case LessEqualStencilFunc:
-        stencilCompare = GPUCompareFunction.LessEqual;
-        break;
-
-      case EqualStencilFunc:
-        stencilCompare = GPUCompareFunction.Equal;
-        break;
-
-      case GreaterEqualStencilFunc:
-        stencilCompare = GPUCompareFunction.GreaterEqual;
-        break;
-
-      case GreaterStencilFunc:
-        stencilCompare = GPUCompareFunction.Greater;
-        break;
-
-      case NotEqualStencilFunc:
-        stencilCompare = GPUCompareFunction.NotEqual;
-        break;
-
-      default:
-        console.error('THREE.WebGPURenderer: Invalid stencil function.', stencilFunc);
-    }
-
-    return stencilCompare;
-  }
-
-  _getStencilOperation(op) {
-    let stencilOperation;
-
-    switch (op) {
-      case KeepStencilOp:
-        stencilOperation = GPUStencilOperation.Keep;
-        break;
-
-      case ZeroStencilOp:
-        stencilOperation = GPUStencilOperation.Zero;
-        break;
-
-      case ReplaceStencilOp:
-        stencilOperation = GPUStencilOperation.Replace;
-        break;
-
-      case InvertStencilOp:
-        stencilOperation = GPUStencilOperation.Invert;
-        break;
-
-      case IncrementStencilOp:
-        stencilOperation = GPUStencilOperation.IncrementClamp;
-        break;
-
-      case DecrementStencilOp:
-        stencilOperation = GPUStencilOperation.DecrementClamp;
-        break;
-
-      case IncrementWrapStencilOp:
-        stencilOperation = GPUStencilOperation.IncrementWrap;
-        break;
-
-      case DecrementWrapStencilOp:
-        stencilOperation = GPUStencilOperation.DecrementWrap;
-        break;
-
-      default:
-        console.error('THREE.WebGPURenderer: Invalid stencil operation.', stencilOperation);
-    }
-
-    return stencilOperation;
-  }
-
-  _getVertexFormat(type) {
-    // @TODO: This code is GLSL specific. We need to update when we switch to WGSL.
-    if (type === 'float') return GPUVertexFormat.Float;
-    if (type === 'vec2') return GPUVertexFormat.Float2;
-    if (type === 'vec3') return GPUVertexFormat.Float3;
-    if (type === 'vec4') return GPUVertexFormat.Float4;
-    if (type === 'int') return GPUVertexFormat.Int;
-    if (type === 'ivec2') return GPUVertexFormat.Int2;
-    if (type === 'ivec3') return GPUVertexFormat.Int3;
-    if (type === 'ivec4') return GPUVertexFormat.Int4;
-    if (type === 'uint') return GPUVertexFormat.UInt;
-    if (type === 'uvec2') return GPUVertexFormat.UInt2;
-    if (type === 'uvec3') return GPUVertexFormat.UInt3;
-    if (type === 'uvec4') return GPUVertexFormat.UInt4;
-    console.error('THREE.WebGPURenderer: Shader variable type not supported yet.', type);
-  }
-
-  _parseShaderAttributes(shader) {
-    // find "layout (location = num) in type name" in vertex shader
-    const regex = /\s*layout\s*\(\s*location\s*=\s*(?<location>[0-9]+)\s*\)\s*in\s+(?<type>\w+)\s+(?<name>\w+)\s*;/gim;
-    let shaderAttribute = null;
-    const attributes = [];
-
-    while (shaderAttribute = regex.exec(shader)) {
-      const shaderLocation = parseInt(shaderAttribute.groups.location);
-
-      const arrayStride = this._getArrayStride(shaderAttribute.groups.type);
-
-      const vertexFormat = this._getVertexFormat(shaderAttribute.groups.type);
-
-      attributes.push({
-        name: shaderAttribute.groups.name,
-        arrayStride: arrayStride,
-        slot: shaderLocation,
-        format: vertexFormat
-      });
-    } // the sort ensures to setup vertex buffers in the correct order
-
-
-    return attributes.sort(function (a, b) {
-      return a.slot - b.slot;
-    });
-  }
-
-}
-
-function onMaterialDispose(event) {
-  const properties = this.properties;
-  const nodes = this.nodes;
-  const shaderModules = this.shaderModules;
-  const material = event.target;
-  const materialProperties = properties.get(material);
-  const nodeBuilder = nodes.get(material);
-  material.removeEventListener('dispose', materialProperties.disposeCallback);
-  properties.remove(material);
-  nodes.remove(material);
-  shaderModules.vertex.delete(nodeBuilder.vertexShader);
-  shaderModules.fragment.delete(nodeBuilder.fragmentShader); // @TODO: still needed remove bindings and pipeline
-}
-
-export default WebGPURenderPipelines;

package/renderers/webgpu/WebGPURenderer.cjs.js

@@ -1 +0,0 @@
-"use strict";var e=require("./constants.cjs.js"),t=require("./WebGPUObjects.cjs.js"),s=require("./WebGPUAttributes.cjs.js"),i=require("./WebGPUGeometries.cjs.js"),r=require("./WebGPUInfo.cjs.js"),o=require("./WebGPUProperties.cjs.js"),n=require("./WebGPURenderPipelines.cjs.js"),h=require("./WebGPUComputePipelines.cjs.js"),a=require("./WebGPUBindings.cjs.js"),l=require("./WebGPURenderLists.cjs.js"),u=require("./WebGPUTextures.cjs.js"),c=require("./WebGPUBackground.cjs.js"),d=require("./nodes/WebGPUNodes.cjs.js"),p=require("@webgpu/glslang/dist/web-devel/glslang"),_=require("three");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./WebGPUTextureUtils.cjs.js"),require("./nodes/WebGPUNodeBuilder.cjs.js"),require("./nodes/WebGPUNodeUniformsGroup.cjs.js"),require("./WebGPUUniformsGroup.cjs.js"),require("./WebGPUBinding.cjs.js"),require("./nodes/WebGPUNodeUniform.cjs.js"),require("./WebGPUUniform.cjs.js"),require("./WebGPUSampler.cjs.js"),require("./WebGPUSampledTexture.cjs.js"),require("../nodes/core/NodeSlot.cjs.js"),require("../nodes/core/NodeBuilder.cjs.js"),require("../nodes/core/NodeUniform.cjs.js"),require("../nodes/core/NodeAttribute.cjs.js"),require("../nodes/core/NodeVary.cjs.js"),require("../nodes/core/constants.cjs.js"),require("../nodes/accessors/ModelViewProjectionNode.cjs.js"),require("../nodes/core/Node.cjs.js"),require("../nodes/accessors/CameraNode.cjs.js"),require("@babel/runtime/helpers/defineProperty"),require("../nodes/inputs/Vector3Node.cjs.js"),require("../nodes/core/InputNode.cjs.js"),require("../nodes/inputs/Matrix4Node.cjs.js"),require("../nodes/accessors/ModelNode.cjs.js"),require("../nodes/inputs/Matrix3Node.cjs.js"),require("../nodes/math/OperatorNode.cjs.js"),require("../nodes/accessors/PositionNode.cjs.js"),require("../nodes/core/AttributeNode.cjs.js"),require("./nodes/ShaderLib.cjs.js"),require("../nodes/core/NodeFrame.cjs.js");var f=m(p);console.info("THREE.WebGPURenderer: Modified Matrix4.makePerspective() and Matrix4.makeOrtographic() to work with WebGPU, see https://github.com/mrdoob/three.js/issues/20276."),_.Matrix4.prototype.makePerspective=function(e,t,s,i,r,o){const n=this.elements,h=2*r/(t-e),a=2*r/(s-i),l=(t+e)/(t-e),u=(s+i)/(s-i),c=-o/(o-r),d=-o*r/(o-r);return n[0]=h,n[4]=0,n[8]=l,n[12]=0,n[1]=0,n[5]=a,n[9]=u,n[13]=0,n[2]=0,n[6]=0,n[10]=c,n[14]=d,n[3]=0,n[7]=0,n[11]=-1,n[15]=0,this},_.Matrix4.prototype.makeOrthographic=function(e,t,s,i,r,o){const n=this.elements,h=1/(t-e),a=1/(s-i),l=1/(o-r),u=(t+e)*h,c=(s+i)*a,d=r*l;return n[0]=2*h,n[4]=0,n[8]=0,n[12]=-u,n[1]=0,n[5]=2*a,n[9]=0,n[13]=-c,n[2]=0,n[6]=0,n[10]=-1*l,n[14]=-d,n[3]=0,n[7]=0,n[11]=0,n[15]=1,this};const j=new _.Frustum,g=new _.Matrix4,x=new _.Vector3;module.exports=class{constructor(e={}){this.domElement=void 0!==e.canvas?e.canvas:this._createCanvasElement(),this.autoClear=!0,this.autoClearColor=!0,this.autoClearDepth=!0,this.autoClearStencil=!0,this.sortObjects=!0,this._parameters=Object.assign({},e),this._pixelRatio=1,this._width=this.domElement.width,this._height=this.domElement.height,this._viewport=null,this._scissor=null,this._adapter=null,this._device=null,this._context=null,this._swapChain=null,this._colorBuffer=null,this._depthBuffer=null,this._info=null,this._properties=null,this._attributes=null,this._geometries=null,this._nodes=null,this._bindings=null,this._objects=null,this._renderPipelines=null,this._computePipelines=null,this._renderLists=null,this._textures=null,this._background=null,this._renderPassDescriptor=null,this._currentRenderList=null,this._opaqueSort=null,this._transparentSort=null,this._clearAlpha=1,this._clearColor=new _.Color(0),this._clearDepth=1,this._clearStencil=0,this._renderTarget=null,this._parameters.antialias=!0===e.antialias,!0===this._parameters.antialias?this._parameters.sampleCount=void 0===e.sampleCount?4:e.sampleCount:this._parameters.sampleCount=1,this._parameters.extensions=void 0===e.extensions?[]:e.extensions,this._parameters.limits=void 0===e.limits?{}:e.limits}async init(){const p=this._parameters,_={powerPreference:p.powerPreference},m=await navigator.gpu.requestAdapter(_),j={extensions:p.extensions,limits:p.limits},g=await m.requestDevice(j),x=await f.default(),b=void 0!==p.context?p.context:this.domElement.getContext("gpupresent"),w=b.configureSwapChain({device:g,format:e.GPUTextureFormat.BRGA8Unorm});this._adapter=m,this._device=g,this._context=b,this._swapChain=w,this._info=new r,this._properties=new o,this._attributes=new s(g),this._geometries=new i(this._attributes,this._info),this._textures=new u(g,this._properties,this._info,x),this._objects=new t(this._geometries,this._info),this._nodes=new d(this),this._renderPipelines=new n(this,this._properties,g,x,p.sampleCount,this._nodes),this._computePipelines=new h(g,x),this._bindings=new a(g,this._info,this._properties,this._textures,this._renderPipelines,this._computePipelines,this._attributes,this._nodes),this._renderLists=new l,this._background=new c(this),this._renderPassDescriptor={colorAttachments:[{attachment:null}],depthStencilAttachment:{attachment:null,depthStoreOp:e.GPUStoreOp.Store,stencilStoreOp:e.GPUStoreOp.Store}},this._setupColorBuffer(),this._setupDepthBuffer()}render(e,t){this._nodes.updateFrame(),!0===e.autoUpdate&&e.updateMatrixWorld(),null===t.parent&&t.updateMatrixWorld(),!0===this._info.autoReset&&this._info.reset(),g.multiplyMatrices(t.projectionMatrix,t.matrixWorldInverse),j.setFromProjectionMatrix(g),this._currentRenderList=this._renderLists.get(e,t),this._currentRenderList.init(),this._projectObject(e,t,0),this._currentRenderList.finish(),!0===this.sortObjects&&this._currentRenderList.sort(this._opaqueSort,this._transparentSort);const s=this._renderPassDescriptor.colorAttachments[0],i=this._renderPassDescriptor.depthStencilAttachment,r=this._renderTarget;if(null!==r){const e=this._properties.get(r);s.attachment=e.colorTextureGPU.createView(),i.attachment=e.depthTextureGPU.createView()}else!0===this._parameters.antialias?(s.attachment=this._colorBuffer.createView(),s.resolveTarget=this._swapChain.getCurrentTexture().createView()):(s.attachment=this._swapChain.getCurrentTexture().createView(),s.resolveTarget=void 0),i.attachment=this._depthBuffer.createView();this._background.update(e);const o=this._device,n=o.createCommandEncoder({}),h=n.beginRenderPass(this._renderPassDescriptor),a=this._viewport;if(null!==a){const e=Math.floor(a.width*this._pixelRatio),t=Math.floor(a.height*this._pixelRatio);h.setViewport(a.x,a.y,e,t,a.minDepth,a.maxDepth)}const l=this._scissor;if(null!==l){const e=Math.floor(l.width*this._pixelRatio),t=Math.floor(l.height*this._pixelRatio);h.setScissorRect(l.x,l.y,e,t)}const u=this._currentRenderList.opaque,c=this._currentRenderList.transparent;u.length>0&&this._renderObjects(u,t,h),c.length>0&&this._renderObjects(c,t,h),h.endPass(),o.queue.submit([n.finish()])}getContext(){return this._context}getPixelRatio(){return this._pixelRatio}getDrawingBufferSize(e){return e.set(this._width*this._pixelRatio,this._height*this._pixelRatio).floor()}getSize(e){return e.set(this._width,this._height)}setPixelRatio(e=1){this._pixelRatio=e,this.setSize(this._width,this._height,!1)}setDrawingBufferSize(e,t,s){this._width=e,this._height=t,this._pixelRatio=s,this.domElement.width=Math.floor(e*s),this.domElement.height=Math.floor(t*s),this._setupColorBuffer(),this._setupDepthBuffer()}setSize(e,t,s=!0){this._width=e,this._height=t,this.domElement.width=Math.floor(e*this._pixelRatio),this.domElement.height=Math.floor(t*this._pixelRatio),!0===s&&(this.domElement.style.width=e+"px",this.domElement.style.height=t+"px"),this._setupColorBuffer(),this._setupDepthBuffer()}setOpaqueSort(e){this._opaqueSort=e}setTransparentSort(e){this._transparentSort=e}getScissor(e){const t=this._scissor;return e.x=t.x,e.y=t.y,e.width=t.width,e.height=t.height,e}setScissor(e,t,s,i){this._scissor=null===e?null:{x:e,y:t,width:s,height:i}}getViewport(e){const t=this._viewport;return e.x=t.x,e.y=t.y,e.width=t.width,e.height=t.height,e.minDepth=t.minDepth,e.maxDepth=t.maxDepth,e}setViewport(e,t,s,i,r=0,o=1){this._viewport=null===e?null:{x:e,y:t,width:s,height:i,minDepth:r,maxDepth:o}}getClearColor(e){return e.copy(this._clearColor)}setClearColor(e,t=1){this._clearColor.set(e),this._clearAlpha=t}getClearAlpha(){return this._clearAlpha}setClearAlpha(e){this._clearAlpha=e}getClearDepth(){return this._clearDepth}setClearDepth(e){this._clearDepth=e}getClearStencil(){return this._clearStencil}setClearStencil(e){this._clearStencil=e}clear(){this._background.clear()}dispose(){this._objects.dispose(),this._properties.dispose(),this._renderPipelines.dispose(),this._computePipelines.dispose(),this._nodes.dispose(),this._bindings.dispose(),this._info.dispose(),this._renderLists.dispose(),this._textures.dispose()}setRenderTarget(e){this._renderTarget=e,null!==e&&this._textures.initRenderTarget(e)}compute(e){const t=this._device,s=t.createCommandEncoder({}),i=s.beginComputePass();for(let t of e){const e=this._computePipelines.get(t);i.setPipeline(e);const s=this._bindings.getForCompute(t).group;this._bindings.update(t),i.setBindGroup(0,s),i.dispatch(t.num)}i.endPass(),t.queue.submit([s.finish()])}getRenderTarget(){return this._renderTarget}_projectObject(e,t,s){const i=this._info,r=this._currentRenderList;if(!1===e.visible)return;if(e.layers.test(t.layers))if(e.isGroup)s=e.renderOrder;else if(e.isLOD)!0===e.autoUpdate&&e.update(t);else if(e.isLight)e.castShadow;else if(e.isSprite){if(!e.frustumCulled||j.intersectsSprite(e)){!0===this.sortObjects&&x.setFromMatrixPosition(e.matrixWorld).applyMatrix4(g);const t=e.geometry,i=e.material;i.visible&&r.push(e,t,i,s,x.z,null)}}else if(e.isLineLoop)console.error("THREE.WebGPURenderer: Objects of type THREE.LineLoop are not supported. Please use THREE.Line or THREE.LineSegments.");else if((e.isMesh||e.isLine||e.isPoints)&&(e.isSkinnedMesh&&e.skeleton.frame!==i.render.frame&&(e.skeleton.update(),e.skeleton.frame=i.render.frame),!e.frustumCulled||j.intersectsObject(e))){!0===this.sortObjects&&x.setFromMatrixPosition(e.matrixWorld).applyMatrix4(g);const t=e.geometry,i=e.material;if(Array.isArray(i)){const o=t.groups;for(let n=0,h=o.length;n<h;n++){const h=o[n],a=i[h.materialIndex];a&&a.visible&&r.push(e,t,a,s,x.z,h)}}else i.visible&&r.push(e,t,i,s,x.z,null)}const o=e.children;for(let e=0,i=o.length;e<i;e++)this._projectObject(o[e],t,s)}_renderObjects(e,t,s){for(let i=0,r=e.length;i<r;i++){const r=e[i].object;if(r.modelViewMatrix.multiplyMatrices(t.matrixWorldInverse,r.matrixWorld),r.normalMatrix.getNormalMatrix(r.modelViewMatrix),this._objects.update(r),t.isArrayCamera){const e=t.cameras;for(let t=0,i=e.length;t<i;t++){const i=e[t];if(r.layers.test(i.layers)){const e=i.viewport,t=void 0===e.minDepth?0:e.minDepth,o=void 0===e.maxDepth?1:e.maxDepth;s.setViewport(e.x,e.y,e.width,e.height,t,o),this._nodes.update(r,i),this._bindings.update(r,i),this._renderObject(r,s)}}}else this._nodes.update(r,t),this._bindings.update(r,t),this._renderObject(r,s)}}_renderObject(e,t){const s=this._info,i=this._renderPipelines.get(e);t.setPipeline(i);const r=this._bindings.get(e).group;t.setBindGroup(0,r);const o=e.geometry,n=o.index,h=null!==n;!0===h&&this._setupIndexBuffer(n,t),this._setupVertexBuffers(o.attributes,t,i);const a=o.drawRange,l=a.start,u=o.isInstancedBufferGeometry?o.instanceCount:1;if(!0===h){const i=a.count!==1/0?a.count:n.count;t.drawIndexed(i,u,l,0,0),s.update(e,i,u)}else{const i=o.attributes.position,r=a.count!==1/0?a.count:i.count;t.draw(r,u,l,0),s.update(e,r,u)}}_setupIndexBuffer(t,s){const i=this._attributes.get(t).buffer,r=t.array instanceof Uint16Array?e.GPUIndexFormat.Uint16:e.GPUIndexFormat.Uint32;s.setIndexBuffer(i,r)}_setupVertexBuffers(e,t,s){const i=this._renderPipelines.getShaderAttributes(s);for(let s of i){const i=s.name,r=s.slot,o=e[i];if(void 0!==o){const e=this._attributes.get(o).buffer;t.setVertexBuffer(r,e)}}}_setupColorBuffer(){this._device&&(this._colorBuffer&&this._colorBuffer.destroy(),this._colorBuffer=this._device.createTexture({size:{width:this._width*this._pixelRatio,height:this._height*this._pixelRatio,depthOrArrayLayers:1},sampleCount:this._parameters.sampleCount,format:e.GPUTextureFormat.BRGA8Unorm,usage:GPUTextureUsage.RENDER_ATTACHMENT}))}_setupDepthBuffer(){this._device&&(this._depthBuffer&&this._depthBuffer.destroy(),this._depthBuffer=this._device.createTexture({size:{width:this._width*this._pixelRatio,height:this._height*this._pixelRatio,depthOrArrayLayers:1},sampleCount:this._parameters.sampleCount,format:e.GPUTextureFormat.Depth24PlusStencil8,usage:GPUTextureUsage.RENDER_ATTACHMENT}))}_createCanvasElement(){const e=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");return e.style.display="block",e}};